手机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="/template/mobile/loading.gif" alt="" /></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("暂无内容!"); } }); } }); })
分类:
JS
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!