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

jQuery分页插件

所属分类：导航-分页

 53709  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)
    }
})
相关插件-分页
查看更多

基于Vue的分页插件pagination.js

 基于jQuery的分页插件大家都用过很多了吧，今天分享一下基于Vue的分页插件pagination.js
  分页
 61987  324

基于jquery和bootstrap的分页插件jqPaginator.js

 基于jquery的分页插件，引入jquery.js 、bootstrap.css该插件即可
  分页
 52566  328

jQuery table分页插件

 一款简单快速的前后端分页双套代码
  分页
 69755  466

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

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

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