jQuery Pagination,分页插件

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()) //获取当前页 } }); };

分页插件jquery.pagination.js使用起来很爽，自己经常用，做项目时总是要翻以前的项目看。