jQuery分页插件pagination.js

所属分类:导航-分页

 104969  220  查看评论 (262)
jQuery分页插件pagination.js ie兼容6

更新时间:2018/1/12 下午5:50:39

更新说明:增加固定按钮数量模式,具体请查看文档


更新时间:2017/9/21 上午10:06:18

更新说明:优化分页逻辑


更新时间:2017/3/27 上午9:22:41

更新说明:

更改了api参数,增加是否保持上下页按钮,为0时不显示分页


更新时间:2016-8-11

  1. 修复总数据为0时不显示分页。

  2. 修复总数据为1时显示默认总页数bug,改成不显示分页。

  3. 增加了this.setTotalPage(page);方法


简单使用方法

html

<div class="box"></div>

js

$('.box').pagination();

配置信息

pageCount:总页数(默认值:9)
totalData:数据总条数(默认值:0)
showData:每页展示条数(默认值:0)
current:当前第几页(默认值:1)
prevCls:上一页class样式(默认值:'prev')
nextCls:下一页class样式(默认值:'next')
prevContent:上一页节点内容(默认值:'<')
nextContent:下一页节点内容(默认值:'>')
activeCls:当前选中样式(默认值:'active')
count:当前页前后页数(默认值:3)
coping:是否开启首页尾页(默认值:false)
homePage:首页节点内容(默认值:1)
endPage:尾页节点内容(默认值:当前最大页数)
callback():回调函数
相关插件-分页

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 17260  148

jquery分页插件

堪称完美jquery分页插件
  分页
 22001  98

jQuery前端分页插件pageGroup.js

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

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 19944  44

讨论这个项目(262)回答他人问题或分享插件使用方法奖励jQ币

    ?? 0
    2018/1/18 14:56:43
    if (opts.isHide && this.getPageCount() == '1' || this.getPageCount() == '0') $obj.hide();

    初始化部分显示隐藏问题,出现一次隐藏后,之后有数据也不显示

        Mss。0
        2018/1/19 8:59:35
        下载最新版本1.5.1已修复
    回复
    可以可以,都可以 0
    2018/1/17 8:34:22

    新手问个问题,为什么点击下一页后的窗口位置不在最上方,而是和上一页相同??

    回复
    smileboyi 0
    2018/1/14 22:47:48

    希望把api接口提供给pagination对象,而不仅仅是在callback里面使用。当通过条件查询时,这时候分页总数会变,这个时候pagination需要用到filling方法。

        Mss。0
        2018/1/14 22:49:48
        初始化时将分页对象存在另外一个_api变量里即可调用分页方法
    回复
    lyhcmh2016 0
    2018/1/11 19:55:42
    发现个问题,跳页时输入页数按回车和点击跳转按钮返回的数据是一样的吗
        Mss。0
        2018/1/12 8:58:12
        回车和点击跳转获得的页码是一致的,在callback里console api.getCurrent()查看当前页码。返回数据得看你传的参数是否正确。
    回复
    +7 0
    2018/1/11 15:35:55

    支持a标签刷新页面吗?

        Mss。1
        2018/1/11 15:37:37

        回调里用window.location.href刷新

    回复
    653579487 0
    2017/12/27 12:41:58

    ~~~~(>_<)~~~~  这个

      $('.M-box1').pagination({
         coping: true,
         homePage: '首页',
         endPage: '末页',
         prevContent: '上页',
         nextContent: '下页',
         totalData: 100,
         showData: 4,
         callback: function(api) {
             // 请问没有一个方法可以获得当前为第几页吗          
             console.log($(this))
             $.get('/all', {
                 pageamount: 4,
                 page: 0 //这里的值是死的? 我靠这怎么可以呢           
             }, function(json) {
                 //                console.log(json);          
             });
         }
     });
        6535794870
        2017/12/27 12:46:36
        大家都没看见哈 没看见 ??
        6535794870
        2017/12/27 12:47:14

        明明是笑脸 最后给我变成 问号。。

        查理布朗1
        2017/12/27 14:37:02
        callback: function(index) {
            loadProduct(index.getCurrent(), pageSize, Url, json);
            app.Page = index.getCurrent();
            //getCurrent() 获取当前页
        }
        6535794870
        2017/12/28 11:54:37
        嗯嗯
    回复
    查理布朗 0
    2017/12/27 9:59:30

    可以修复这种bug吗1...23456...7,无论怎么设置count选中前后页数,都有这种情况(1...23456...8),要求显示有第一页和最后一页(数字);可以参考

    jQuery Pagination分页插件1...3456...8
        查理布朗0
        2017/12/27 10:05:42
        或者12...45678...19 20 上面的demo例子
        Mss。0
        2017/12/28 17:52:00

        已记录,下个版本更新

    回复
    smrsmr001 0
    2017/12/24 18:53:49

    问下 怎么固定分页按钮的宽度 不要让它一直变

    回复
    lyhcmh2016 0
    2017/12/24 12:02:57

    初始化加载第一页回调里的function应该怎么写,有大神知道吗

    回复
    旷达 1
    2017/12/22 9:42:33

    建议bug修复,配置参数里面pageCount: 0, //总页数,默认为0。。//初始化的时候

    if (opts.isHide && this.getPageCount() == '1' || this.getPageCount() == '0') {
        $obj.hide()
    } else {
        $obj.show()
    };

    应该加一个show(),不然会出现超过1页的时候不会自动显示的问题

        Mss。0
        2017/12/25 19:18:02

        感谢指出

    回复
取消回复