首页 > web前端 > javascript/jquery > ajax $(window).scroll异步加载数据列表多次执行问题
网站建设、切图、企业建站、微信开发 联系QQ:404658186 tel:18716186715
2015
06-09

ajax $(window).scroll异步加载数据列表多次执行问题

今天一个项目要用到ajax加载数据列表,当滚动条向下滚动时加载下一页的列表,所以就想到用$(window).scroll事件,但是在实际运用过程中却遇到一些问题

客户反馈过来加载的数据列表会里有重复的数据项

  • 原因
    $(window).scroll可能会运行多次,会造成加载数据列表重复。
  • 解决方法
    在$(window).scroll里加入一个判断,当滚动条滚动到底部时才运行获取列表操作。
$(window).scroll( function() {
   //当滚动到距离底部1像素时,执行操作
   if ($(document).height() - $(this).scrollTop() - $(this).height()<1) { 
       get_list(); 
   }
});
最后编辑:
作者:码农一号
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

留下一个回复

你的email不会被公开。

*