jquery-pagination分页插件
1、引入pagination.css和jquery.pagination.js文件;
2、配置可参考jquery.pagination.js文件50行的配置默认参数,含参数注释;
var defaults = {
totalData: 0, //数据总条数
showData: 0, //每页显示的条数
pageCount: 9, //总页数,默认为9
current: 1, //当前第几页
prevCls: 'prev', //上一页class
nextCls: 'next', //下一页class
prevContent: '', //下一页内容
activeCls: 'active', //当前页选中状态
coping: false, //首页和尾页
isHide: false, //当前页数为0页或者1页时不显示分页
homePage: '', //首页节点内容
endPage: '', //尾页节点内容
keepShowPN: false, //是否一直显示上一页下一页
mode: 'unfixed', //分页模式,unfixed:不固定页码数量,fixed:固定页码数量
count: 4, //mode为unfixed时显示当前选中页前后页数,mode为fixed显示页码总数
jump: false, //跳转到指定页数
jumpIptCls: 'jump-ipt', //文本框内容
jumpBtnCls: 'jump-btn', //跳转按钮
jumpBtn: '跳转', //跳转按钮文本
callback: function () {} //回调
};
3、使用:
function example(page, current = 1) {
$('#filterTab').pagination({
totalData: page, //总页数
showData: showNum, //每页显示条数
coping: true, //首页和尾页
jump: true, //跳转至指定页数
current: current, //当前显示第几页
callback: function(api) {
searchUsers(false, api.getCurrent()) //获取当前页
}
});
};
1