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

 , ,目录 引入jQuery

<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>

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; 的参数