jQuery分页插件

所属分类:导航-分页

 52180  373  查看评论 (109)
分享到微信朋友圈
X
jQuery分页插件 ie兼容6

更新时间:2017/10/31 上午11:23:35

更新说明:demo 例子中加入模拟 ajax数据,方便用户更好的掌握用法


更新时间:2017/9/28 下午4:11:58

更新说明:修复局部刷新 对此初始化分页插件,页码保留上次的点击事件未清除问题


更新时间:2017/9/12 下午2:03:19

更新说明:基于用户提出需要自己指定页码高亮,增加插件初始化  参数 pageNO ,用户传此参数则指定某个页码高亮,不传默认为第一页高亮

$("#page").paging({
    pageNo:4,
    totalPage: 10,
    totalSize: 300,
    callback: function(num) {
        alert(num)
    }
})
相关插件-分页

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 53946  362

jQuery卡片分页插件

可用于对特定的数据绑定dom分页
  分页
 34483  331

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 55644  337

jQuery前端分页插件pageGroup.js

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

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

    17Boy 0
    2019/7/6 12:15:15
    $(".page_s2").paging({
        pageNo: e,
        totalPage: Math.ceil(ret.total / 5), //感觉这一块还可以优化一下
        totalSize: ret.total,
        callback: function(e) {
            ajaxFavorites(e)
        }
    })
    回复
    0
    2019/4/30 11:15:57
    为什么 我放到页面中 一进入页面就一直执行回调函数 ,死循环。。。谁能帮帮我
        悄悄咩咩1
        2019/5/13 11:17:10
        把他js源码中的所有 for 循环的 i < 变量 + 数值 全部改成 i<=变量
    回复
    445260889_32c89e 0
    2018/10/29 16:23:42
    每页展示多少条数据 怎么设置 我json数据全在一页展示出来啦 回复
    enlink 0
    2018/10/24 18:10:56
    table.josn是干什么用 回复
    xuflash 0
    2018/7/11 20:26:07
    使用过程中有个问题,已经是最后一页了还能点击下一页。总的用起来很简单。感谢楼主 回复
    猫咪Provider 0
    2018/5/24 11:00:02
    这个插件不支持angular2么,为什么我用这个插件,样式都没有了 回复
    天道酬勤 0
    2018/4/26 9:20:58
    传入 toutalPage 如果是字符串数字,分页的时候会出现 所有页码都展示出来,记得parseInt再传入,就没这个问题了 回复
    追逐 0
    2018/3/9 10:30:05
    为什么没有快速翻页功能
        小小欣0
        2018/4/3 17:50:15
        可以看看这个呢 http://www.jq22.com/jquery-info17548
    回复
    wkee 0
    2018/3/5 19:38:25

    你好,我处于需要加了一个头部如下

    $.ajaxsetup({
        p.p1 {
            margin: 0.0 px 0.0 px 0.0 px 0.0 px;line - height: 19.0 px;font: 13.0 px 'helvetica neue'
        }headers: {
            'content-type': 'application/json'
        }
    });

    ,为什么页面会只显示最后一页?

    回复
    清波 0
    2018/2/12 17:05:19
    $("#page").paging({
        pageno: 1,
        totalpage: 4,
        totalsize: 24,
        callback: function(num) {
            alert(num)
        }
    })

    显示到40页了  是不是有问题, 每页多少条数据怎么设置????

        清波0
        2018/2/12 17:07:10
        不是这个问题,我再看看,重新发下问题
        清波0
        2018/2/12 17:10:31

        是这样的,我用的是变量,赋值数字没有问题,下面这样变量赋值有问题,变量打印出来是4 和 24,

        var totpage = data.totpage;
        var totsize = data.totsize;
        alert(totpage);
        alert(totsize);
        
        $("#page").paging({
            pageno: 1,
            totalpage: 4,
            totalsize: 23,
            callback: function(num) {
                alert(num)
            }
        })
        清波0
        2018/2/12 17:13:27
        var totpage = data.totpage;
        var totsize = data.totsize;
        alert(totpage);
        alert(totsize);
        $("#page").paging({
            pageno: 1,
            totalpage: $ {
                data.totpage
            },
            totalsize: $ {
                data.totsize
            },
            callback: function(num) {
                alert(num)
            }
        })
        清波0
        2018/2/12 17:13:59

        都不行啊

        var totpage = data.totpage;
        var totsize = data.totsize;
        alert(totpage);
        alert(totsize);
        
        $("#page").paging({
            pageno: 1,
            totalpage: totpage,
            totalsize: totsize,
            callback: function(num) {
                alert(num)
            }
        })
        清波0
        2018/2/12 17:15:43
        totalpage: parseint(totpage),
        totalsize: parseint(totsize),

        转下int好了   o(∩_∩)o~

        小王同学0
        2018/4/16 15:19:55
        我转成int怎么还是不可以
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复