一、要求和特点
1.要求:当前页面有分页,只要能够获得下一页元素就可以使用。
2.特点:
① 可以预设自动加载次数,之后转为手动加载。
② 有数据显示加载,数据没了有提示。
③ 无论自动加载还是手动加载状态,无刷新改变地址栏url。
二、代码(Discuz为例)
1.先引入jquery.ias.min.js
jquery.ias.min.js
(2.41 KB, 下载次数: 185)
2.需要使用的页面添加代码
其中,.pg a.nxt是discuz默认分页代码的下一页链接元素。
我测试时的列表形式示例- <div class="mtw mbw footslist">
- <div class="footprints"></div>
- <div class="footprints"></div>
- <div class="footprints"></div>
- <div class="footprints"></div>
- <div class="footprints"></div>
- </div>
复制代码 添加了自定义loading图片其他教程:
jQuery 实现 Discuz! 点击加载更多(不刷新页面)
根据下一页页码加载更多
discuz DIY模块 图文加载更多
教您在使用discuz时自己DIY的图文模块实现加载更多
Discuz!教程之如何删除图片模式自动加载下一页
discuz 3.2 首页ajax点击加载更多(最简版)
|