一个Bootstrap风格的分页控件，对于喜欢Bootstrap简洁美观和扁平化的同学可以关注jBootstrapPage， 目前jBootstrapPage最新版为V0.1，后续还有更多功能需要完善。
demo演示地址: http://www.it175.cn/demo/jBootstrapPage/
代码示例:
html代码
<html> <head> <link href="jBootsrapPage.css" rel="stylesheet" /> <script src="jquery-1.10.2.min.js"></script> <script src="jBootstrapPage.js"></script> </head> <body> <div> <ul class="pagination"></ul> </div> <body> </html>
javascript代码调用
每页显示多少条数据(pageSize),显示多少个分页按钮(buttons),传入数据总行数(total)即可， 如果需要在选中某一页，然后去请求服务器端，可以在onPageClicked回调函数中完成。
<script type="text/javascript">
$(function(){
createPage(10, 13, 150);
function createPage(pageSize, buttons, total) {
$(".pagination").jBootstrapPage({
pageSize : pageSize,
total : total,
maxPageButton:buttons,
onPageClicked: function(obj, pageIndex) {
alert((pageIndex+1)+"页");
}
});
}
});
</script>
源码下载地址：https://github.com/wangwei123/jBootstrapPage
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索bootstrap
， 代码
， function
， total
， buttons
， 分页bootstrap
， PageSize
， 分页插件
， bootstrap实现分页
， bootstrap分页效果
， laypage分页插件
， bootstrap分页
， Bootstrap分页组件
Bootstrap表格分页
jquery分页插件、jquery ajax分页插件、jquery分页插件怎么用、jquery表格分页插件、jquery分页插件下载，以便于您获取更多的相关知识。