Koa2学习之旅----结合 jqPaginator实现列表分页

1.下载jqPaginator.js  放在静态目录里面
2、在需要分页的地方引入jqPaginator.js 

3、在需要分页的地方加个空div
    <div id="page" class="pagination"></div>
4、调用插件实例化

    $('#page').jqPaginator({
        totalPages: {{totalPages}},
        visiblePages: 8,
        currentPage: {{page}},
        onPageChange: function (num, type) {
            console.log(num, type);
//
            if(type=='change'){
                location.href="{{__HOST__}}/admin/article?page="+num;
            }
        }
    });

总页数  当前页 要计算好从后台传到前台

猜你喜欢

转载自blog.csdn.net/qfxlw/article/details/83544204
今日推荐