插件描述：jQuery分页插件PageNav，用于生成分页条的插件
更新时间：2018/3/18 上午12:12:43
更新说明：增加了对pageCount和currentPage的整数型转换，防止传入字符串时产生的BUG。
使用方法
发布时间：2018-2-20 23:19
一 : pagenav.css jquery pagenav.js 将上述3个文件依次引入
二 : 复制nav的html至你的页面中，并给与id，这个将作为生成分页条的盒子。 根据需要可以在nav中添加/删除 dark 类名来搭配浅色/深色背景。
1 | <nav arialabel="page navigation" class="pagenavouter" id="pagenavid"></nav> |
三 : 生成翻页导航:
在这个方法内传入你的回调函数，这个回调函数会在翻页按钮被点击后执行，回调函数的参数中将会传入当前点击的页码值，pageNavCallBack函数的名称和内容根据需要自定;
一般在回调函数中执行AJAX异步请求，然后根据返回的数据，重复步骤三重新生成一个分页条。
例：
1 2 3 4 5 6 7 8 9 10 11 12 | //翻页按钮点击后触发的回调函数 function pagenavcallback(clickpage) { //clickpage是被点击的目标页码 //一般来说可以在这里通过clickpage,执行ajax请求取数来重写页面 //根据新的数据重新生成 pagenavobj = new pagenavcreate("pagenavid", { page: 30, //总页数 currentpage: clickpage, //当前页 perpagenum: 5, //每页按钮数 }); pagenavobj.afterclick(pagenavcallback); ///最后还要再次绑定点击事件后的回调函数 } |
欢迎留言反馈，有时间进一步完善。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 仿国外Tool网站
- 下一个特效： jQuery数字滚动插件(原创)