简单方便的分页

所属分类:导航-分页

 21688  72  查看评论 (32)
简单方便的分页 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>


相关插件-分页

多功能实用分页插件

这是一款多功能实用的分页插件,提供了a连接和ajax 两种方式,样式自定义提供更加人性化的接口
  分页
 1677  5
  分页
 17076  45

bootStrap 分页组件

一个简单的demo,可以根据页数回调要执行的函数
  分页
 69745  78

超实用精简的分页插件

精简实用的分页插件跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 7768  11

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

    ` 素颜 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没有加载
    回复
    sunshine++ 0
    2017/4/19 15:16:29

    怎样传递查询条件呢?

    回复
    Layne 0
    2017/4/10 15:14:02
    い吻??承众今世 0
    2017/3/30 18:43:17

    这个和angular是不是不兼容

    回复
    @晴天 0
    2017/3/21 14:48:57

    我初始化的时候 出现问题了,点击  从A页面跳到B页面,B页面显示的页码还是A的页码数(在点击一次B页面菜单,页码数就正常了);不知道这个是什么问题引起的。

    回复
取消回复