jquery实现滚动到页面底部时无限加载内容的代码
- - CSDN博客Web前端推荐文章由于时间关系没有整理封装,有空的时候再把他做成一个插件. var p="{$other.p}";
if(p=="") p=1;
var stop=true;//触发开关,防止多次调用事件
$(window).scroll(function() {. //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载.
由于时间关系没有整理封装,有空的时候再把他做成一个插件。但复制下来修改一下是可以用的。以下为实例:
var p="{$other.p}"; if(p=="") p=1; var stop=true;//触发开关,防止多次调用事件 $(window).scroll(function() { //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) { if(stop==true){ stop=false; p=p+1;//当前要加载的页码 canshu="?t={$other.t}&p="+p+"&cid={$other.cid}"; //加载提示信息 $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding.....</div></li>"); $.get("__URL__/nextpage"+canshu,function(data){ $(".ajaxtips").hide(); $("#showlists").append(data);//把新的内容加载到内容的后面 stop=true; }) } } });
点击我
. 像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.点击我
. //给class为demo的元素添加行为.