您的位置:首页 > 其它

瀑布流翻页 锁的实现

2015-10-26 11:29 363 查看
在用到瀑布流下拉翻页时,js的响应事件:

$(window).scroll(function() {
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
//滚动到底部
ajax_get();
}
});
代表当滑动条滑动到底部时的响应事件

但这样会有一个问题,就是有时候可能会触发2次或多次,特别是在网络比较差的时候,会发送多个相同的请求,导致刷出多个相同的数据页面

这里加上一个锁

在js的最前面初始化一个全局变量suo=1

然后在ajax_get();这个方法中

function ajax_get(){
if (suo == -1) {
return;
}
suo = -1;
$.ajax(){
url: "/index.php?m=Home&c=Group&a=group_Topic_GetPageList",
async: true,
data: {
page: page,
},
dataType: 'json',
success:function(data){
suo = 1;
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: