好用的jQuery滑动分页插件

所属分类:导航-分页

 16619  34  查看评论 (34)
好用的jQuery滑动分页插件 ie兼容9

使用方法

1. 在HTML中引入CSS,jQuery和本插件,样式可自定义

2. 在body中

<div class="box" id="box"></div>

3. 在script标签中        

$('#box').paging({
    initPageNo: 1, // 初始页码
    totalPages: 30, //总页数
    totalCount: '合计300条数据', // 条目总数
    slideSpeed: 600, // 缓动速度。单位毫秒 
    callback: function(page) { // 回调函数 
        console.log(page);
    }
})
相关插件-分页

jQuery分页插件

根据获取内容显示不同页数并可输入页码跳转
  分页
 28355  215

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 20543  44

jquery分页插件

堪称完美jquery分页插件
  分页
 22564  99

实用的分页插件zxf_page.js

基于jquery的分页插件
  分页
 14284  75

讨论这个项目(34)回答他人问题或分享插件使用方法奖励jQ币

    我只?于你 0
    2018/1/27 18:42:26

    一个页面引入两个这个插件的时候第二个就没效果了,怎么改啊

    回复
    浮生过半 0
    2018/1/18 16:06:47
    总条数  怎么从后台请求然后返回页面,什么鬼啊这是 回复
    0
    2018/1/15 14:01:10

    为什么最多只能1666页,我需要好几十万页的分页怎么办?

    回复
    Sweet 0
    2017/12/6 10:34:47

    作者,点上一页和下一页的时候莫名其妙去请求后台,点页码的时候就没有这个问题,请问这个是什么原因?

        陈诺尘0
        2017/12/26 10:37:26

        上一页和下一页的button标签加个 type="button" 应该就好了,我就是这样的

    回复
    土豆饼 0
    2017/12/6 10:11:55

    当同时有两个以上的插件的时候会出问题,不能正确点击首页,尾页,而且所有按钮都会执行2次。正在修改js。不知道作者有没有考虑到这个问题。

        Sweet0
        2017/12/6 10:33:18

        我也有这个问题 点上一页和下一页的时候莫名其妙去走后台,都找不到原因,代码里看不出来为啥去走后台

    回复
    ?剐祜?? 0
    2017/11/13 16:10:32

    请问,这个生成的最大总页数为什么只有1666页?

    回复
    oldbig 0
    2017/11/9 15:04:19

    兄弟,你这个回调函数,是初始化后就马上调用?其实写成点击页码跳转时再调用更好,这样,就可以把paging相关的方法放在ajax的success回调里了,这样总页数,总条数啥的都可以一次从后台拿到。。。。现在这种处理方法,我如果在回调函数里再回调ajax方法,就是死循环了。。。。。

        我酷毙了吗 ?0
        2017/12/1 13:41:28
        确实  这么用  刚进去 接口就无限调   需要自己改改  js 才能用
        Error love0
        2017/12/13 15:36:46

        怎么改,真的烦,无限调用

        幸福的小孩0
        2017/12/18 16:05:53
        怎么修改啊
    回复
    azhangge 0
    2017/11/2 15:11:13
    楼主,想让当前页面不能点击,这个怎么做的? 回复
    0
    2017/11/1 16:42:25
    怎么设置总页数,和初始页码 回复
    笨小孩 0
    2017/10/26 13:53:48

    请求的总记录数传不进去啊,外面打印没问题,传进去就是undefined

        LeonLi1
        2017/10/30 10:25:51

        undefined的原因是paging.js中callback调用时只有page一个参数,如果想用其他参数,就在page后面添加,paging的callback函数中形参给几个,调用

        that.options.callback(pageIndex)

        时实参也要一一对应

    回复
取消回复