简单方便的分页

所属分类:导航-分页

 25255  77  查看评论 (38)
简单方便的分页 ie兼容7

插件使用方法:

一,样式中引用paging.css样式即可

二,dom结构如下:

<div id="pageTool"></div>
<div id="pageToolbar"></div>

对应的相应js

<script type="text/javascript" src="../src/jquery-1.11.2.js"></script>
<script type="text/javascript" src="../src/query.js"></script>
<script type="text/javascript" src="../src/paging.js"></script>
<script>
$('#pageTool').Paging({pagesize:10,count:100,callback:function(page,size,count){
   console.log(arguments)
   alert('当前第 ' +page +'页,每页 '+size+'条,总页数:'+count+'页')
   }});
$('#pageToolbar').Paging({pagesize:10,count:85,toolbar:true});
</script>


相关插件-分页

jQuery分页插件pagination.js

基于jQuery的分页插件,配置比较详细
  分页
 95438  209

JQ分页插件

简单好用的jQuery分页插件,拿来添加css样式就可以直接使用
  分页
 687  6

简易ajax生成分页插件

jquery分页插件,可定义ajax获取数据的路由
  分页
 19201  57

简单实用的jquery分页插件

简单实用的jquery分页插件
  分页
 20621  58

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

    梦落梨花 3
    2017/11/2 17:55:55

    使用这个插件注意要点:可以额外配置一个 “current”参数初始化起始页码;

    var $page = 6;
    $('#pageToolbar').Paging({
        current: $page, //这个可以设置初始页数
        pagesize: 5,
        count: 100,
        toolbar: true,
        callback: function(page, size, count) {
            self.selPermissions(page, size);
        }
    });

    可以把 paging.js里第53行的:

    this.target.append(this.container);

    改成:

    this.target.html(this.container);

    这样配合异步请求,每次调用这个函数时就不会重复创建出多个分页栏

        褚?0
        2017/12/9 14:53:48

        ie8下改成this.target.html(this.container);后插件不会刷新,点不动了。

    回复
    X 0
    2017/10/26 9:45:37

    怎样能初始第二页?

        时光浮夸,乱了遍地流年。0
        2017/11/3 16:29:55

         current: 2, 就可以了

    回复
    on1y_陈小浩' 0
    2017/10/12 9:37:37

    这个怎么插入内容啊

    回复
    0
    2017/9/4 9:44:05

    第一个好使  第二个就不好使了 

    回复
    ` 素颜 0
    2017/7/1 20:52:35
    请问有解决和自己页面值链接起来的吗? 回复
    给力小青年 0
    2017/6/30 15:11:55

    怎么调用回调函数呢

    回复
    永生草 0
    2017/6/16 11:01:36
    我就想知道,数据总条数查出来之后怎么set进去 回复
    ?著于我?的?著ベ 0
    2017/6/6 18:42:18

    我用ajax请求的表格数据,分页插件怎么和数据绑在一起呀

    回复
    (~ o ~)~zZ 0
    2017/5/22 11:38:26
    切换每页显示条数的时候应该也要调用回调函数 回复
    1326876820 0
    2017/4/19 16:17:17

    Query is not defined 怎么回事

        大鼻子妖怪0
        2017/5/8 16:50:57
        依赖文件query.js没有加载
    回复
取消回复