UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery分页插件

所属分类：导航-分页

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

实用的分页插件zxf_page.js

 基于jquery的分页插件
  分页
 46635  389

jQuery分页插件bs_pagination

 bs_pagination是jQuery分页插件,基于Bootstrap。完全可配置的,响应网页设计。
  分页
 69718  426

jQuery卡片分页插件

 可用于对特定的数据绑定dom分页
  分页
 35664  335

jQuery前端分页插件pageGroup.js

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

讨论这个项目（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
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复