jQuery 实现 Discuz! 点击加载更多（不刷新页面）
2020/08/19 15:56:14
引入jQuery示例源码css样式启动插件
其中 <div class="Box"></div> 的个数需大于 var itemNum = 13; 的参数
- <script src="template/yulun_hei/js/jquery.min.js" type="text/javascript"></script><script type="text/javascript">var jQuery = jQuery.noConflict();</script>
- <!--{loop $list $DiyList}--> <div class="Box"></div><!--{/loop}--><div class="more"> <p>点我，阅读更多精彩内容……</p></div>
- .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; 的参数