滚动加载数据加载重复了，新人求帮助

a807606459 2015-08-25 06:05:12

$(function(){
　　var winH = $(window).height(); //页面可视区域高度
　　var i = 1; //设置当前页数

　　$(window).scroll(function () {

　　var pageH = $(document.body).height();
　　var scrollT = $(window).scrollTop(); //滚动条top
　　var aa = (pageH-winH-scrollT)/winH;
　　if(aa<20.02){
　　$.getJSON("getauto",{page:i},function(json){

　　if(json){
　　var str = "";
　　$.each(json,function(index,array){
　　 var str = "<li>array['name']</li>";
$(".job_list").append(str);
});
i++;
}else{
$("#loading").show().html("到底了…");
return false;
}
});
}
});
});

...全文

224 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

a807606459 2015-08-25

打赏
举报

完美解决！！谢谢，但是我不太懂，有空的话能为我解释一下吗

slwsss 2015-08-25

打赏
举报

$(function(){ var load=0; 　　var winH = $(window).height(); //页面可视区域高度　　var i = 1; //设置当前页数　　$(window).scroll(function () { if(load)return; 　　var pageH = $(document.body).height(); 　　var scrollT = $(window).scrollTop(); //滚动条top 　　var aa = (pageH-winH-scrollT)/winH; 　　if(aa<20.02){ load=1; 　　$.getJSON("getauto",{page:i},function(json){ load=0; 　　if(json){ 　　var str = ""; 　　$.each(json,function(index,array){ 　　 var str = "<li>array['name']</li>"; $(".job_list").append(str); }); i++; }else{ $("#loading").show().html("到底了…"); return false; } }); } }); });

这是一个Axure教程，适合初学者快速上手，内容通俗易懂。

jquery版小型婚礼可动态添加祝福语

然后初始化page为查询第一页数据 that.submitDate.page = 1，最后发起请求。需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中设置 “enablePullDownRefresh”: true。url: ‘https://www.example.com/request’, //仅为示例，并非真实接口地址。下拉刷新指的是当用户下拉页面时，自动刷新页面并重新加载数据。开始下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。

JS懒加载 -- 适用于商城主页商品懒加载、图片懒加载，算法简单、易于理解、萌新福音

(5)合理使用图片 Sprite。(6)使用 HTTP/2,支持多路复用,更有效地使用连接。