jQuery 实现 Discuz! 点击加载更多（不刷新页面）

admin · 发表于 2020-8-19 15:56:14

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

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

×

引入jQuery

<script src="template/yulun_hei/js/jquery.min.js" type="text/javascript"></script><script type="text/javascript">var jQuery = jQuery.noConflict();</script>

复制代码

示例源码

<div class="Box"></div><div class="more"> <p>点我，阅读更多精彩内容……</p></div>

复制代码

css样式

.Box {display: none;}

复制代码

启动插件

<script type="text/javascript"> (function() { showItem(0, 13); var itemNum = 13;//初始显示的个数 jQuery('.more').click(function() { if (itemNum < 40) { showItem(itemNum, itemNum += 5); } else { location.href = 'portal.php?mod=list&catid=1'; } }); function showItem(fromindex, toindex) { var len = jQuery('.Box').length; for (var i = fromindex; i < toindex; i++) { jQuery('.Box').eq(i).css('display', 'block'); } } })() </script>

复制代码

其中 <div class="Box"></div> 的个数需大于 var itemNum = 13; 的参数

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

jQuery 实现 Discuz! 点击加载更多（不刷新页面）

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

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com