简单方便的分页

所属分类:导航-分页

 18420  63  查看评论 (27)
简单方便的分页 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的分页插件,配置比较详细
  分页
 44489  144

JqueryPagination分页插件

JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。
  分页
 21068  72

超实用精简的分页插件

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

bootstrap中文分页控件

bootstrap中文分页控件
  分页
 28036  75

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

    (~ 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页面菜单,页码数就正常了);不知道这个是什么问题引起的。

    回复
    请问这是地球吗 0
    2017/3/8 10:01:21

    怎么效果不出来

    回复
    V'视觉数码设计工作室 0
    2017/2/17 14:42:11

    研究了两天代码了,重新渲染和每条页数变化的方法有缺陷,有的问题没有考虑到,代码也有不足之处

    回复
    源123 0
    2017/2/16 16:34:02

    怎么跟ajax结合啊?我写在回调函数里不好用啊,我是在回掉函数里写的ajax,返回值拼接到页面上,这样对吗?

    回复
    楼长消 0
    2017/2/10 16:26:00

    同问,$('#pageToolbar').Paging()里的count是变量(当总条数变化的时候),如何传递参数?

    回复
取消回复