A bootstrap style paginator, implemented by javascript.
live demo: http://harttle.github.io/bootstrap-paginator/
- bootstrap 3
- jquery
<!-- html element for pagination -->
<ul class="pagination"></ul>
<!-- load paginator.js -->
<script src="./assets/bootstrap-paginator.js"></script>
<script>
//callback when page_id clicked
function callback(page_id) {
alert( 'To page: ' + page_id );
}
$(function(){
//init paginator
$('.pagination').paginator({current_page: 1, page_count: 15, button_number:5, pager_click: callback });
//optional: enable paginator tooltips
$('[data-toggle="tooltip"]').tooltip();
});
</script>
- current_page
- 当前所在的页码
- page_count
- 总页数
- button_number
- 需要显示的页码数目
- pager_click
- 回调函数