jQuery分页插件

所属分类:导航-分页

 39596  265  查看评论 (28)
分享到微信朋友圈
X
jQuery分页插件 ie兼容6
$(".zxf_pagediv").createPage({
    pageNum: 20,
    current: 6,
    backfun: function(e) {
        //console.log(e);//回调
    }
});
相关插件-分页

jquery分页插件

jQuery分页插件兼容ie6,代码注释全。
  分页
 26288  268

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 52837  322

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 29586  294

刷新页面不变的分页插件

jQuery刷新页面页面不会改变的分页插件
  分页
 31981  267

讨论这个项目(28)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    李旭 1
    2019/10/15 10:40:15

    用的时候发现bug,发现前面那个写6的解决方法为6的时候第一页没了,所以再次解决中间页bug

    /*中间页*/
    if (pageinit.current > 4 && pageinit.pageNum > 9) {
        obj.append('<a href="javascript:;" class="zxfPagenum">' + 1 + '</a>');
        obj.append('<a href="javascript:;" class="zxfPagenum">' + 2 + '</a>');
        obj.append('<span>...</span>');
    }
    if (pageinit.current > 4 && pageinit.current <= pageinit.pageNum - 5 && pageinit.pageNum > 9) {
        var start = pageinit.current - 2,
            end = pageinit.current + 2;
    } else if (pageinit.current > 4 && pageinit.current > pageinit.pageNum - 5 && pageinit.pageNum > 9) {
        var start = pageinit.pageNum - 4,
            end = pageinit.pageNum;
    } else {
        var start = 1,
            end = 9;
    }
        李旭1
        2019/10/15 17:59:46

        上面那个会出现12 ... 345的现象,根据原来的6的问题再次解决bug

        if (pageinit.current >= 6 && pageinit.pageNum == 6) {
            obj.append('<a href="javascript:;" class="zxfPagenum">' + 1 + '</a>');
        } else if (pageinit.current >= 6 && 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>');
        }
        if (pageinit.current > 5 && pageinit.current <= pageinit.pageNum - 5) {
            var start = pageinit.current - 2,
                end = pageinit.current + 2;
        } else if (pageinit.current > 5 && pageinit.current > pageinit.pageNum - 5) {
            var start = pageinit.pageNum - 4,
                end = pageinit.pageNum;
        } else {
            var start = 1,
                end = 6;
        }
        李旭0
        2019/10/15 18:02:38
        if (pageinit.current >= 6 && pageinit.pageNum == 6) {
            obj.append('<a href="javascript:;" class="zxfPagenum">' + 1 + '</a>');
        } else if (pageinit.current >= 6 && pageinit.pageNum == 7) {
            obj.append('<a href="javascript:;" class="zxfPagenum">' + 1 + '</a>');
            obj.append('<a href="javascript:;" class="zxfPagenum">' + 2 + '</a>');
        } else if (pageinit.current >= 6 && 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>');
        }
        if (pageinit.current > 5 && pageinit.current <= pageinit.pageNum - 5) {
            var start = pageinit.current - 2,
                end = pageinit.current + 2;
        } else if (pageinit.current > 5 && pageinit.current > pageinit.pageNum - 5) {
            var start = pageinit.pageNum - 4,
                end = pageinit.pageNum;
        } else {
            var start = 1,
                end = 6;
        }
    回复
    croweyes 1
    2019/6/10 16:24:29

    彻底解决中间页问题

    if (pageinit.current >= 6 && 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>');
    }
    if (pageinit.current > 5 && pageinit.current <= pageinit.pageNum - 5) {
        var start = pageinit.current - 2,
            end = pageinit.current + 2;
    } else if (pageinit.current > 5 && pageinit.current > pageinit.pageNum - 5) {
        var start = pageinit.pageNum - 4,
            end = pageinit.pageNum;
    } else {
        var start = 1,
            end = 6;
    }
    回复
      0
    2019/5/3 19:40:16
    怎么拿到每次点击的页码
        那知0
        2019/5/23 9:39:40
        难道你还想要数据吗
        1
        2019/6/1 18:25:00
        window.location.href = "/当前页?pageNum=" + e.current;
    回复
    BOoM夏 0
    2019/4/28 16:52:07

    页数过少页码显示bug

    /*中间页*/
    if (pageinit.current > 6 && 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>');
    }
    if (pageinit.current > 6 && pageinit.current <= pageinit.pageNum - 5) {
        console.log(11)
        var start = pageinit.current - 2,
            end = pageinit.current + 2;
    } else if (pageinit.current > 6 && pageinit.current > pageinit.pageNum - 5) {
        console.log(10)
        var start = pageinit.pageNum - 4,
            end = pageinit.pageNum;
    } else {
        var start = 1,
            end = 9;
    }

    谢谢大家  用了这个插件  坑填了不少  不过也谢谢这个插件让我学到了 判断的逻辑点

    回复
    GJX丶 1
    2019/4/18 15:12:13

    点击层级累加,解决办法,每次调用前先清除

    $(".zxf_pagediv").unbind();
    $(".zxf_pagediv").createPage({
        pageNum: info.num,
        current: 1,
        backfun: function(e) {
            console.log(e);
            exhibition_news(attrid, e.current);
        }
    });
    回复
    GJX丶 0
    2019/4/12 17:56:38
    问题好多啊...........!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
        Z0
        2019/5/28 17:55:25
        是的
    回复
    I've be here 1
    2019/4/4 22:56:15

    中间页有个bug,附上解决办法:
    这里当当前页为4是时候,会往前追加1,2  但是pageNum并未算上减去加上的两页 所以这里要在当前页上加2=6,不然就会像这样 1,2,......1,2,3,4,5

    /*中间页*/
    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>');
    }
        BOoM夏0
        2019/4/28 16:24:18
        这样搞,为6页的时候1 就没了 这插件不行哦
    回复
    技术部 - 孙云朋 0
    2019/4/3 17:22:16
    就你最二 0
    2019/3/20 10:04:48
    怎么获取当前点击页的页码? 回调函数里怎么得到呢 回复
    away。 1
    2019/3/16 17:12:55

    点击次数累加真的烦啊。。 附上我的解决:
    在源码中的init中添加 

    obj.off();
    init: function(obj, pageinit) {
        return (function() {
            zp.addhtml(obj, pageinit);
            obj.off(); // 加上这句,每次调用都会清除之前的事件委托
            zp.bindEvent(obj, pageinit);
        }());
    }
        koko85660
        2019/3/27 18:30:07
        66666666 , 非常6
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复