bootstrap分页插件jqPaginator.js

来源：互联网发布：电路板仿真软件编辑：程序博客网时间：2024/05/18 18:17

bootstrap分页插件jqPaginator.js使用介绍

<p id="p"></p>//需动态改变的节点，可以是tbody节点<div id="pagination"></div>//创建分页按钮组的地方<script type="text/javascript" src="js/jqPaginator.js"></script><script type="text/javascript">    $.jqPaginator('#pagination', {        totalPages: 10,//根据返回的数据总条数/表格的行数，获得一共有多少页        visiblePages: 5,        currentPage: 1,        wrapper:'<ul class="pagination pagination-sm"></ul>',      first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',      prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',      next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',      last: '<li class="last"><a href="javascript:void(0);">尾页</a></li>',      page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',        onPageChange: function (num) {//num为当前页面返回值            $('#p').text(num);//设置当前页面时的展示信息        }    });</script>

参考：http://www.xwcms.net/js/bddm/94006.html

0 0