商会资讯

标题: jquery滚动页面底部时ajax加载多次解决办法 [打印本页]

作者: admin 时间: 2018-3-5 16:35
标题: jquery滚动页面底部时ajax加载多次解决办法
iphone手机浏览商品翻页滚屏会重复读取数据，导致商品列表重复显示，安卓无问题，下面是解决方法，测试通过！
var isbool=true;//触发开关，防止多次调用事件

$(window).scroll(function() {
      if (($(this).scrollTop() + $(window).height()) >= $(document).height() && isbool==true) {
         isbool=false;
         $.get("url",function(data){
            $("#content").append(data);//把新的内容加载到内容的后面
            isbool=true;
         })
      }
});

欢迎光临商会资讯 (http://smellage.com/)