jQuery分页插件

所属分类:导航-分页

 18640  45  查看评论 (92)
jQuery分页插件 ie兼容8
var options={
"id":"page",//显示页码的元素
"data":datas,//需要显示的数据
    "maxshowpageitem":3,//最多显示的页码个数
    "pagelistcount":2,//每页显示数据个数
    "callBack":function(result){
         //将数据增加到页面中,这里设置数据显示样式
    }
};//只需设置options参数,即可使用插件
page.init(datas.length,1,options);//插件初始化

欢迎大家提出批评意见,谢谢!

相关插件-分页

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

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

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 10802  60
  分页
 22955  56

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 24601  85

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

    -FaIr 0
    2018/5/27 16:58:59
    ajax获取数据后,把数据赋值到datas里 然后不是datas返回为空就是option未定义.... 回复
    0
    2018/4/27 18:30:53
    为什么总是报options是未定义
    回复
       ? 猫?玖  ペ 0
    2017/12/13 14:35:03

    加个跳转就更好了~~

    回复
    橙色天空 3
    2017/12/6 11:12:40

    关于一个页面使用多次分页问题的解决。

    需要全局定义datas options ,比如定义多个datas,如datas1,datas2,但是插件的js使用的是options,所以options名称,必须为options,否则容易出错,不显示,报错,如options未定义。所以不同位置使用,给options重新赋值即可。

    还有一种解决方法是在插件page.js,init方法中添加一句

    this.options=options

    在viewPage函数里面,将

    options.callBack(result)

    改为

    page.options.callBack(result)

    这样不会再报options未定义,ajax数据也可以

        百善笑为先0
        2018/4/2 10:27:43
        怎么我用的时候一个页面两个分页,点击第一个分页按钮会让第二个分页产生分页效果,第一个数据没有响应,点击第二个分页按钮可以正常让第二个分页产生分页效果
    回复
    橙色天空 0
    2017/11/30 9:35:18

    请问,一个页面不同地方,不同的请求得到的数据,怎么使用多次分页?急

    回复
    橙色天空 0
    2017/11/17 9:03:02

    楼主,分页可以加上首页和末页吗?

        橙色天空0
        2017/11/17 9:11:16

        不好意思哈,隔天就忘了。是有这个的。。。

    回复
    橙色天空 0
    2017/11/16 18:11:54

    楼主,麻烦问下,比如我定义最多显示页码为2,有时候可能不足一页,但是下面分页page,还是会出现 1 2?还有一个问题,就是,每条数据id为从1往后排,但是每页的数据前面的序号都是从1-10(每页显示10条数据),该怎么做呢?

        橙色天空0
        2017/11/16 18:23:12

        id/10 取余

        橙色天空0
        2017/12/6 11:14:38

        关于一个页面使用多次分页问题的解决。

        需要全局定义datas 和options ,比如定义多个datas,如datas1,datas2,但是插件的js使用的是options,所以options名称,必须为options,否则容易出错,不显示,报错,如options未定义。所以不同位置使用,给options重新赋值即可。还有一种解决方法是在插件page.js,init方法中添加一句this.options=options,在viewPage函数里面,将options.callBack(result),改为page.options.callBack(result).这样不会再报options未定义,ajax数据也可以

        百善笑为先0
        2018/4/2 10:22:35
        怎么定义datas1,datas2,点击第一个分页,会让第二个分页的数据改变,第一个分页的数据没有变化?
        0
        2018/4/27 18:30:21
        你可以详细的讲一下么 怎么总是options未定义
    回复
    乖乖的猪猪 0
    2017/10/10 18:53:54

    还不错,谢谢分享,不过一些小bug要是能完善就更好了

    回复
    露侦探身边的核华生 0
    2017/9/25 10:24:08

    请问作者,这个分页插件在一个页面中怎么使用两次呀

        0
        2017/10/18 9:24:29

        可以使用两次以上吗,你试过吗,我刚好要用到有什么经验建议吗

        橙色天空0
        2017/12/6 11:17:06

        关于一个页面使用多次分页问题的解决。

        需要全局定义datas 和options ,比如定义多个datas,如datas1,datas2,但是插件的js使用的是options,所以options名称,必须为options,否则容易出错,不显示,报错,如options未定义。所以不同位置使用,给options重新赋值即可。还有一种解决方法是在插件page.js,init方法中添加一句this.options=options,在viewPage函数里面,将options.callBack(result),改为page.options.callBack(result).这样不会再报options未定义,ajax数据也可以

    回复
    ?? 0
    2017/9/4 14:23:42

    使用ajax查询数据,对返回数据进行分页,显示不了要加载的内容

        乖乖的猪猪0
        2017/10/12 14:58:45
        具体情况是什么呢
        橙色天空0
        2017/12/6 11:34:19
        需要全局定义datas 和options ,比如定义多个datas,如datas1,datas2,但是插件的js使用的是options,所以options名称,必须为options,否则容易出错,不显示,报错,如options未定义。所以不同位置使用,给options重新赋值即可。还有一种解决方法是在插件page.js,init方法中添加一句this.options=options,在viewPage函数里面,将options.callBack(result),改为page.options.callBack(result).这样不会再报options未定义
    回复
取消回复