paging 分页插件

所属分类:导航-分页

 82173  259  查看评论 (49)
分享到微信朋友圈
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分页插件pagination.build.js

jQuery分页插件pagination.build.js根据页数生成页码,配置简单使用方便
  分页
 22192  235

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

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

jQueryPaging分页数据获取插件

基于jQuery的分页及数据获取插件
  分页
 30151  277

自己编写的jquery分页插件,通用性很强(原创)

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

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

    宁 ` 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页就好了

    回复
    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
        写死了吗?
    回复
    浮生过半 0
    2018/1/18 17:35:20

    页面总数你写个死的有毛用啊

        西瓜0
        2018/6/8 1:57:12
        额,你难到不知道后台给这个页数赋值不就行了。
        qzuser0
        2019/1/17 14:58:22
        动态传值。分页会出错
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复