利用 jqPaginator 插件分页

pagination.js

    $('.pagination').jqPaginator({
        totalCounts: totalCounts,
        visiblePages: 8,
        currentPage: pageNo,
        pageSize: pageSize,
        onPageChange: function (arg_num, arg_type) { 
          //type的值有 init 和 change 两种，表示 控件初始化 和 已初始化后的状态改变
          console.log('当前第' + arg_num + '页', arg_type);
        },
        first: '<li><a class="btn btn-default" role="button" href="javascript:;">首页</a></li>',
        prev: '<li><a class="btn btn-default" role="button" href="javascript:;">上一页</a></li>',
        next: '<li><a class="btn btn-default" role="button" href="javascript:;">下一页</a></li>',
        last: '<li><a class="btn btn-default" role="button" href="javascript:;">尾页</a></li>',
        page: '<li><a class="btn btn-default" role="button" href="javascript:;">{{page}}</a></li>'
    });