html部分:
<ul class="pagination"></ul> <!--bootstrap3版本用ul包裹-->
<div class="pagination"></div><!--bootstrap2版本用div包裹-->
JS部分:
var options = {
currentPage:‘<%= currentPage %>‘, //当前页
totalPages:‘<%= totalPages %>‘, //总页数
numberOfPages:5, //设置控件显示的页码数
bootstrapMajorVersion:3,//如果是bootstrap3版本需要加此标识,并且设置包含分页内容的DOM元素为UL,如果是bootstrap2版本,则DOM包含元素是DIV
useBootstrapTooltip:‘true‘,//是否显示tip提示框
pageUrl:function(type,page, current){
return ‘/pg/pgList?gotoPage=‘+page //为每个页码设置url访问请求链接,page为页码数
},
itemTexts:function(type,page, current){//文字翻译
switch (type) {
case "first":
return "首页";
case "prev":
return "上一页";
case "next":
return "下一页";
case "last":
return "尾页";
case "page":
return page;
}
}
}
$(‘.pagination‘).bootstrapPaginator(options);
参考资料:http://m.oschina.net/blog/204587
bootstrap分页插件--Bootstrap Paginator的使用备份
原文:http://www.cnblogs.com/leyi/p/5254928.html