js中分页插件试用方法:
<script type="text/javascript">
var max_page = '{{max_page}}'
var page = '{{page}}'
$(function(){
var element = $('#mypage');//获得数据装配的位置
//初始化所需数据
var options = {
bootstrapMajorVersion:3,//版本号。3代表的是第三版本
currentPage: page, //当前页数
numberOfPages: 5, //显示页码数标个数
totalPages:max_page, //总共的数据所需要的总页数
alignment:"center",
itemTexts: function (type, page, current) {
//图标的更改显示可以在这里修改。
switch (type) {
case "first":
return "首页";
case "prev":
return "上一页";
case "next":
return "下一页";
case "last":
return "尾页";
case "page":
return page;
}
},
tooltipTitles: function (type, page, current) {
//如果想要去掉页码数字上面的预览功能,则在此操作。例如:可以直接return。
switch (type) {
case "first":
return "首页";
case "prev":
return "上一页";
case "next":
return "下一页";
case "last":
return "尾页";
case "page":
return (page === current) ? "Current page is " + page : "Go to page " + page;
}
},
pageUrl:function(type,page, current){
return "/?page="+page
},
onPageClicked: function (e, originalEvent, type, page) {
//单击当前页码触发的事件。若需要与后台发生交互事件可在此通过ajax操作。page为目标页数。
//console.log(e);
//console.log(originalEvent);
// console.log(type);
}
};
element.bootstrapPaginator(options); //进行初始化
});
</script>