1.插件依赖jquery,使用前需要先引入jquery库
2.可定制生成分页的样式及ajax获取数据后处理dom元素的方法,例如:
1 2 3 4 5 6 7 8 9 10 | $( "#pager" ).zPager({ url: 'pageData.json' , htmlBox: $( '#wraper' ), btnShow: false , dataRender: function (data){ //ajax获取每页data数据后,可用此方法生成数据列表 //此方法有默认function,也可以不写 具体参考demo console.log(data+ '---ajax获取到的json格式的data数据' ); } }); |
3.部分参数配置说明:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | $.fn.zPager.defaults = { totalData: 10, //数据总条数 pageData: 4, //每页数据条数 pageCount: 0, //总页数 current: 1, //当前页码数 pageStep: 10, //当前可见最多页码个数 minPage: 5, //最小页码数,页码小于此数值则不显示上下分页按钮 active: 'current' , //当前页码样式 prevBtn: 'pg-prev' , //上一页按钮 nextBtn: 'pg-next' , //下一页按钮 btnBool: true , //是否显示上一页下一页 firstBtn: 'pg-first' , //第一页按钮 lastBtn: 'pg-last' , //最后一页按钮 btnShow: true , //是否显示第一页和最后一页按钮 disabled: true , //按钮失效样式 ajaxSetData: true , //是否使用ajax获取数据 此属性为真时需要url和htmlBox不为空 url: '' , //ajax路由 htmlBox: '' //ajax数据写入容器 } |
注:请参照demo使用,qq联系方式:936172012
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com