bootstrap分页插件jqPaginator.js

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