bootstrap分页

<link rel="stylesheet" href="../static/css/bootstrap.css" />

<script src="../static/js/jquery-2.1.4.js"></script>

<script src="../static/js/bootstrap.min.js"></script>

<script type="text/javascript" src="../static/js/bootstrap-paginator.js"></script>

 

 

 

<ul class="pagination"  id="page"></ul>

 

//paginator.js
var page_plugin = function(cur_page,type, nums, page_count) {
console.log(type)
var countpages = page_count,
listtype = type,
listnums = nums;
var options = {
currentPage:cur_page,
totalPages: countpages,
numberOfPages: 10,
bootstrapMajorVersion: 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(event, originalEvent, type, page){
console.log(page)
cur_page = page
get_article_list_func(page, listtype, listnums, true)
}
}
$('#page').bootstrapPaginator(options)
cur_page1 = cur_page
}