首页 > 代码库 > 手机web下拉加载
手机web下拉加载
//需要 zepto.js支持 var page=0;//当前页 var pages=1;//总页数 var ajax=!1;//是否加载中 Zepto(function($){ $(window).scroll(function(){ if(($(window).scrollTop() + $(window).height() > $(document).height()-40) && !ajax && pages > page){ //滚动条拉到离底40像素内,而且没ajax中,而且没超过总页数 //json_ajax(cla,++page); page++;//当前页增加1 ajax=!0;//注明开始ajax加载中 $(".list").append(‘<div class="loading"><img src="http://www.mamicode.com/template/mobile/loading.gif" /></div> ‘);//出现加载图片 $.ajax({ type: ‘GET‘, url: ‘./json.php?page=‘+page+‘&‘+Math.random(), dataType: ‘json‘, success: function(json){ pages=json.pages;//更新总页数 page=json.page;//更新当前页(js不太可靠) for(var i= 0,l = list.length;i<l;i++){ //处理数据并插入 } $(".loading").remove();//删除加载图片 ajax=!1;//注明已经完成ajax加载 }, error: function(xhr, type){ $(".loading").html("暂无内容!"); } }); } }); })
手机web下拉加载
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。