插件描述:jQuery分页插件,代码少兼容性好
1 2 3 4 5 6 7 | $( ".zxf_pagediv" ).createPage({ pageNum: 20, current: 6, backfun: function (e) { //console.log(e);//回调 } }); |
不过这个插件还是有点小BUG,评论里有写到解决方法,下载后需要自己跟着评论里写的去小改动就好咯。
1.中间页有个bug,附上解决办法:
这里当当前页为4是时候,会往前追加1,2 但是pageNum并未算上减去加上的两页 所以这里要在当前页上加2=6,不然就会像这样 1,2,......1,2,3,4,5
1 2 3 4 5 6 | /*中间页*/ if (pageinit.current > 4 && pageinit.pageNum > 6) { obj.append( '<a href="javascript:;" class="zxfPagenum">' + 1 + '</a>' ); obj.append( '<a href="javascript:;" class="zxfPagenum">' + 2 + '</a>' ); obj.append( '<span>...</span>' ); } |
2.点击次数累加真的烦啊。。 附上我的解决:
在源码中的init中添加
1 2 3 4 5 6 7 8 | obj.off(); init: function (obj, pageinit) { return ( function () { zp.addhtml(obj, pageinit); obj.off(); // 加上这句,每次调用都会清除之前的事件委托 zp.bindEvent(obj, pageinit); }()); } |