原文地址:http://my.oschina.net/shunshun/blog/204587
下载地址:https://github.com/lyonlai/bootstrap-paginator/archive/master.zip
使用需要引入如下文件:
<link href="css/bootstrap.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.8.1.js"></script> <script type="text/javascript" src="js/bootstrap-paginator.js"></script>
Demo:
<ul id="pagination"></ul>
$(function() { <span style="white-space:pre"> </span>var element = $('#pagination'); <span style="white-space:pre"> </span>var options = { bootstrapMajorVersion:3, currentPage: 1, numberOfPages: 3, totalPages:3, itemTexts: function (type, page, current) { switch (type) { case "first": return "首页"; case "prev": return "上一页"; case "next": return "下一页"; case "last": return "末页"; case "page": return page; } }, onPageClicked: function(e,originalEvent,type,page){ pg = page; search(); } }; <span style="white-space:pre"> </span>element.bootstrapPaginator(options);
});