jQuery无限加载（实时加载、不刷新页面）

admin · 发表于 2020-8-19 16:49:30

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

利用的是 jquery.ias.min.js 封包插件。
这个插件和已往发布的翻页、点击加载不同之处在于，这个插件并非是伪加载。而是根据滚动条与页底的距离实时载入数据。
也可以理解成：将本是第二页的内容在不刷新页面的情况下当滚动条达到页底距离时，继续往下载入。

<script type="text/javascript"> var ias = jQuery.ias({ container: ".footslist", //包含所有文章的元素 item: ".footprints", //文章元素 pagination: ".pg", //分页元素 next: ".pg a.nxt", //下一页元素 }); ias.extension(new IASTriggerExtension({ text: '<p>查看更多阅读记录</p>', //此选项为需要点击时的文字 offset: 3, //设置此项后，到 offset+1 页之后需要手动点击才能加载，取消此项则一直为无限加载 })); ias.extension(new IASSpinnerExtension()); ias.extension(new IASNoneLeftExtension({ text: '<div class="mtw">没有更多了</div>', // 加载完成时的提示 })); ias.extension(new IASSpinnerExtension()); ias.extension(new IASPagingExtension()); ias.extension(new IASHistoryExtension()); </script>

复制代码

须要注意的几个地方：
一。封包插件会自动为 pagination: ".pg",添加：style="display: none;"
二。如果不需要手动点击，直接删除 offset: 3,
三。如果不需要地址栏自动添加翻页地址，删除如下三行

ias.extension(new IASSpinnerExtension());
ias.extension(new IASPagingExtension());
ias.extension(new IASHistoryExtension());

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

jQuery无限加载（实时加载、不刷新页面）

马上注册，免费下载更多dz插件网资源。

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com