插件描述：简单大气的jQuery分页插件，分页显示数据
更新时间：2019-10-13 22:45:29
更新说明：上一次上传只是兴趣使然想分享一个插件，没想到这么多的朋友进行了下载，并且文件里有我忘记的缺陷，对这些造成困扰的朋友感到抱歉，这一次的更新就是把 没办法获取当前页的bug解决。
同时也感谢评论区认可我的朋友，我看见了，谢谢~
1 | function currentPage(currentPage)｛ // 触发页码数位置： Page/js/jquery.z-pager.js 64行 console.log("当前页码数：" + currentPage); ｝ |
更新时间：2019/5/10 上午9:22:31
更新说明：修改了一下按钮的背景颜色
分页的参数可进行配置
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: 5, //每页数据条数 pageCount: 0, //总页数 current: 1, //当前页码数 pageStep: 8, //当前可见最多页码个数 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数据写入容器} |
调用时和上方参数名对应即可
1 2 3 4 5 6 7 8 9 | $("#pager").zPager({ totalData: 50, htmlBox: $('#wraper'), btnShow: true, ajaxSetData: false, dataRender: function(data) { console.log(data + '---data-2'); },}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery图片放大镜插件zoomsl
- 下一个特效： 仿美团外卖腾讯地图选点(原创)