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

jQuery分页插件

所属分类：导航-分页

 52896  375  查看评论 (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)
    }
})
相关插件-分页
查看更多

bootstrap4的jquery分页插件

 bootstrap4的jquery分页插件，支持刷新不变页数
  分页
 39484  302

bootstrap paginat分页优化

 增加显示当前页码、总页数，输入页码跳转，并且插件中的英文提示和注释都翻译成了中文
  分页
 43457  350

一款非常简洁漂亮方便调用的jQuery前端分页

 一款非常简洁漂亮方便调用的jQuery前端分页，没有多余的JS和文件。
  分页
 95585  375

自己编写的jquery分页插件，通用性很强（原创）

 只需要传递后台获取的数据总条数和每页数量，回调返回当前页码数用于ajax请求
  分页
 28495  312

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