根据下一页页码加载更多-Discuz教程下载

根据下一页页码加载更多

来自版块: Discuz教程发表于: 2020-1-4 20:04:51
30103
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员,全站资源免费下
一、要求和特点
1.要求:当前页面有分页,只要能够获得下一页元素就可以使用。

2.特点:
① 可以预设自动加载次数,之后转为手动加载。
② 有数据显示加载,数据没了有提示。
③ 无论自动加载还是手动加载状态,无刷新改变地址栏url。

二、代码(Discuz为例)
1.先引入jquery.ias.min.js
jquery.ias.min.js (2.41 KB, 下载次数: 185)
2.需要使用的页面添加代码
亲爱的游客您好,请 登录 后进行 回复
其中,.pg a.nxt是discuz默认分页代码的下一页链接元素。
我测试时的列表形式示例
  1. <div class="mtw mbw footslist">
  2.     <div class="footprints"></div>
  3.     <div class="footprints"></div>
  4.     <div class="footprints"></div>
  5.     <div class="footprints"></div>
  6.     <div class="footprints"></div>
  7. </div>
复制代码
添加了自定义loading图片
亲爱的游客您好,请 登录 后进行 回复
其他教程
jQuery 实现 Discuz! 点击加载更多(不刷新页面)
根据下一页页码加载更多
discuz DIY模块 图文加载更多
教您在使用discuz时自己DIY的图文模块实现加载更多
Discuz!教程之如何删除图片模式自动加载下一页
discuz 3.2 首页ajax点击加载更多(最简版)

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部