jQuery实现下拉加载功能实例代码
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<script> varstr=''; if(page=="")page=1; varstop=true;//触发开关,防止多次调用事件 $(window).scroll(function(event){ //当内容滚动到底部时加载新的内容100当距离最底部100个像素时开始加载. if($(this).scrollTop()+$(window).height()+10>=$(document).height()&&$(this).scrollTop()>10){ //if(stop==true){ //stop=false; //varcanshu="page/"+page+"; varurl=""; varparm={'page':page}; page=page+1;//当前要加载的页码 //加载提示信息 $("#showlists").append("<liclass='ajaxtips'><divstyle='font-size:2em'>Loding…..</div><>"); $.post(url,parm,function(data){ if(data.count==0){ $('.prolist-abtn').html('已全部加载完'); return; } $.each(eval(data),function(data,val){ varurl1=""; $(".ajaxtips").hide(); str='<divclass="content"id="showdiv">'; str+='<divclass="contclearfix">'; str+='<ahref="url"><divclass="cont_imgfl">'; str+='<imgsrc='+val.imgurl+'alt=""/></div>'; str+='<divclass="cont_listfl"><p>'+val.sceneryname+'</p><ulclass="cont_listfl">'; str+='<liclass="cont_list2"><span>¥</span>'; str+='<strong>'+val.sellerprice+'</strong>起<i>¥'+val.sellerprice+'</i></li>'; str+='</ul></div></a></div></div>'; $("#showdiv").append(str);//把新的内容加载到内容的后面 }); stop=true; },'JSON') } }); </script>
以上代码是小编给大家分享的jQuery实现下拉加载功能实例代码,希望对大家有所帮助!