jQuery分页插件,代码少兼容性好

插件描述: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);

    }());

}

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值