html部分代码
<html>
<head>
<!-- 如果html中引用了bootstrap.css 也可以不引用jBootsrapPage.css-->
<link href="jBootsrapPage.css" rel="stylesheet" />
<!-- 必须引用jquery.js -->
<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部分代码
$(".pagination").jBootstrapPage({
pageSize : pageSize,// 每页显示多少条数据
total : total,// 数据总条数
maxPageButton : buttonNumber,// 显示多少个分页按钮
onPageClicked : function(obj, pageIndex) {
// 按分页从后台获取第 + (pageIndex+1) + 页的具体数据
}
});