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实现下拉加载功能实例代码，希望对大家有所帮助！
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短