init: function(e) {//这个函数相当于初始函数,页面一进来就会执行这里
this.render(1);
this.downScroll();
},
downScroll: function(){
var that = this;
var currPage = 1;
$(window).on('scroll', function() {
var activityHeight = $('#activityInfo').height(),
windowScrollTop = $(window).scrollTop(),
windowHeight = $(window).height();
if(windowScrollTop >= (activityHeight - windowHeight - 50)) {
alert(currPage);//
currPage++;
that.render(currPage);//这个是渲染数据的方法
}
});
}
移动端的下拉加载,换句话说也就是分页,可是我这里每次网页滑到底部都是执行两次,上面的alert会弹两次,相应的currPage也会每次加一,这就导致了,每次都会下拉加载两个页面,
还请高手指教指教::
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…