十月 05 load load jquery实现上拉加载更多/滑动底部加载更多 2017-10-05 13:52:21 JavascriptJquery随手笔记 各项webapp项目中，总会遇到要求上拉加载更多的功能。 偶尔还忘了曾经写过的代码放在哪，因此写下本文章记录，以后再遇到直接进来拿然后改下 (function(){ var listView = $("#listView"); var lock; //强制同步请求 var page = 1; //页码 var dom = $(document); var win = $(window); var ajax = function(){ if (lock) return; lock = true; //TODO 这里可以写加载中效果 $.ajax({ url:请求地址, dataType:'json', success:function(res){ //这里根据服务端与写代码 var item = ''; if (res.length == 0) { win.unbind('scroll'); ajax = null; } else { for(var i = 0; i < res.length; i++) { item += '<li><a href="' + res[i].id + '.html">' + res[i].title + '</a></li>'; } listView.append(item); //不管逻辑怎样，页码至少+1 page++; } }, complete:function(){ lock = false; } }); } win.scroll(function(){ if (dom.scrollTop() >= dom.height() - win.height() - 20) { ajax(); } }); ajax(); })(); 正在加载评论... 0 / 240