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

paging 分页插件

所属分类：导航-分页

 102145  338  查看评论 (51)
分享到微信朋友圈
X
paging 分页插件 ie兼容8
 查看演示  立即下载

更新时间：2017年5月18日

更新说明：添加click之后的回调：clickBack，

添加了一个setLength 方法

$('.pageTest').page({
    leng: 66, //分页总数     
    activeClass: 'activP', //active 类样式定义     
    clickBack: function(page) {
        console.log(page) //click回调   
    }
})
//重新设定总的leng
$('.pageTest').setLength(10)
//默认参数 
  var defaults = {
    //id : '#paging',//id
    leng: 9,//总页数
    activeClass: 'page-active' ,//active类
    firstPage: '首页',//
    lastPage: '末页',
    prv: '?',
    next: '?',
    //data : {},
};
相关插件-分页
查看更多

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

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

js分页插件兼容ie8(原创)

 不依赖任何第三方UI库、page分页器、分页组件、兼容至ie8
  分页
 29104  305

jQuery分页插件（原创）

 jQuery分页插件，支持ie8及以上，注意jquery 2.0版本及以上不支持ie8及以下了
  分页
 22164  224

jQueryPaging分页数据获取插件

 基于jQuery的分页及数据获取插件
  分页
 38252  364

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

    My density 0
    2022/9/7 12:14:42
    结合接口使用的这个插件的呢？ 回复
    宁 ` 0
    2019/1/29 10:17:27
    麻烦作者加个显示当前页的功能 回复
    散落＆＆尘埃 0
    2018/11/22 10:56:52
    忙了半天在项目里加上，结果一个页面多次使用分页插件就挂了，希望作者能自测下再上传 回复
    月笼烟沙 0
    2018/10/12 17:22:42
    内容怎么显示的？我放到DIV里显示不了 回复
    Only我的小世界2 0
    2018/8/19 23:26:17
    怎么写页面显示的内容啊
    回复
    伊拉克量产二锅头 0
    2018/8/14 17:03:54
    怎么改一次显示多少条的，好像默认是9条 回复
    枫19961 0
    2018/7/27 10:48:00
    为啥传了10页会出现NaN
        泡泡鱼0
        2018/7/27 11:20:17
        我也发现了。。。
        小坏蛋0
        2018/9/13 10:46:43
        解决了没 ...
    回复
    泡泡鱼 0
    2018/7/26 15:08:49
    作者 分页数量小于9的时候是负数
        泡泡鱼1
        2018/7/26 15:12:23
         if (lenght < 9) {
     for (i = 0; i < lenght; i++) {
         str1 += '<li><a href="javascript:" class="">' + (1 + i) + '</a></li>'
     }
 } else {
     for (i = 0; i < 9; i++) {
         str1 += '<li><a href="javascript:" class="">' + (pageStart + i) + '</a></li>'
     }
 }

        我这样判断了下。。好了。

        凌风0
        2018/9/8 18:42:27
        请问加载哪里啊求指导，837543308
        SimonLyu1
        2018/10/31 23:06:32
        if (l > 1 && l <= 10) {
    str1 = '<li><a href="javascript:" class="' + opts.activeClass + '">1</a></li>';
    for (i = 2; i < l + 1; i++) {
        str += '<li><a href="javascript:">' + i + '</a></li>';
    }
} else if (l > 9) {
    str1 = '<li><a href="javascript:" class="' + opts.activeClass + '">1</a></li>';
    for (i = 2; i <= 10; i++) {
        str += '<li><a href="javascript:">' + i + '</a></li>';
    }
} else {
    str1 = '<li><a href="javascript:" class="' + opts.activeClass + '">1</a></li>';
}

        修改page.js，改为显示10页就好了

        北走0
        2022/10/12 16:10:38
        可以可以
    回复
    liuyue82107353 0
    2018/4/4 14:23:01

    一个页面多个分页的话需要稍微修改下；

    $('#id').page({
       leng: 1,//分页总数
  },function(e){//写这种回调
   	showotherpage(e);
   });
//js里面增加callback
page: function(options,callback) 
//js中点击事件也要加上
callback(pageshow + 1)//新的
opts.clickBack(pageshow + 1)//旧的

    替换或者增加都行

        SimonLyu0
        2018/6/8 1:33:11
        可以设置每页条数吗？没看到pagesize
        小多多你好0
        2018/6/8 1:55:28
        每页条数后台控制就可以了，前台只用传值给后台第几页。
        糖炒栗子0
        2018/6/30 8:35:58
        多个分页怎么处理啊
        心梦无痕0
        2018/7/13 10:17:47
        多个分页怎么处理在线急等
    回复
    孤寂琉璃月 0
    2018/3/22 17:47:29
    插件被改过了？调用方法和总页数都和paging不一样，总页数写死了9页，服气的
        吃西瓜的小男孩0
        2018/3/22 17:52:18
        写死了吗？
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复