diy模块分页

rryheryheryhre · 发表于 2012-10-12 10:55:30

本帖最后由 rryheryheryhre 于 2012-10-12 10:54 编辑

声明，本方法适用于所有浏览器（应该吧：）），主要使用jQuery Pagination Plugin（https://github.com/fedecarg/jquery-paginate）来完成分页功能，另参考jqPagination（http://beneverard.github.com/jqPagination/）的翻页按钮对jQuery Pagination Plugin的代码做了修改，使用的jquery版本是1.7.1（其他版本没试过，适用范围应该还可以吧）。如有瑕疵，还请高手指点。

实现方法是把暂时不需显示的部分隐藏，好处是可以任意编辑内容。

使用方法：
1. 加载js和css，记得在jquery最后加上 jQuery.noConflict();
2. diy的模块模板里： [loop]......[/loop]外面的容器加上id并先隐藏
                              （例：<div id="listitems" style="display:block;">[loop]......[/loop]</div>）
                              [loop]...[/loop]里的内容必须包装在一个容器内，最后看起来这样，
                              <div id="listitems" style="display:block;">[loop]<div>......</div>[/loop]</div>
                              （注：并不要求一定是用div包装，id应该也可以自定义）

                              然后加上翻页按钮的代码和调用的js代码：（注：itemsPerPage: 2里的2是每页显示数，改成你想要的）
                                    <div id="listitems-pagination" class="pagination" style="display:none;">
                                    <a id="listitems-previous" href="#"  class="previous"></a>
                                    <input type="text" readonly="readonly" data-max-page="" id="listitems-input" />
                                 <a id="listitems-next" href="#" class="next"></a>
                                 </div>
                                 <script type="text/javascript">
                                       jQuery(document).ready(function() {
                                                   jQuery('#listitems').paginate({itemsPerPage: 2});
                                       });
                                 </script>

20021110 · 发表于 2012-10-12 11:14:00

提示: 作者被禁止或删除内容自动屏蔽

dcj1018 · 发表于 2012-10-12 11:19:42

给个演示啊。。

sbfengluanliuni · 发表于 2012-10-12 11:31:57

没图.不敢..........即墨论坛|http://www.ijimo.net/

lgfreely1 · 发表于 2012-10-12 13:03:33

无图无真相

ing77ing · 发表于 2012-12-24 08:51:32

感觉好麻烦的说

xunimengrui · 发表于 2012-12-25 18:22:05

不够详细啊，不知道怎么放

Zedong_Wu · 发表于 2013-10-23 17:44:11

万分感谢，哥哥，这正是我要的。只是现在还出现页码显示的乱码，不过应该问题不大{:soso_e179:}

lij2960 · 发表于 2013-12-31 15:23:04

这个不行，好像与dz的代码有冲突，放上去之后会有问题的。

navyyang · 发表于 2014-7-30 21:51:51

近来才发现，数据多了后DIY没有分页功能实在很难看。

唉，DZ好象也没有人听这些建议了

		自动登录	找回密码
密码			立即注册

[发布] diy模块分页

本帖子中包含更多资源