paging 分页插件

所属分类:导航-分页

 100516  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分页插件

堪称完美jquery分页插件
  分页
 52129  403

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

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

刷新页面不变的分页插件

jQuery刷新页面页面不会改变的分页插件
  分页
 36851  321

jQuery table分页插件

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

讨论这个项目(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
        写死了吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复