简单方便的分页

所属分类:导航-分页

 54150  404  查看评论 (52)
分享到微信朋友圈
X
简单方便的分页 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长文本分页插件textify

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

jQuery分页插件pagination.build.js

jQuery分页插件pagination.build.js根据页数生成页码,配置简单使用方便
  分页
 30848  316

超实用的angular.js无刷新分页完整案例

超实用的angular.js无刷新分页完整案例(需要放到服务器下运行!)
  分页
 41921  389

jQuery分页插件

兼容IE8的分页插件,简单易用。
  分页
 38276  313

讨论这个项目(52)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    木南 0
    2024/12/18 16:45:17
    木南 0
    2024/12/18 11:30:03
    怎么改变总条数 回复
    崔朋博 0
    2018/7/26 14:34:38
    初始化大小不管用,郁闷 回复
    (^o^)o 0
    2018/7/17 15:05:22
    请问怎么在选完 每页多少条的时候 触发回调函数(主要是想选完 每页多少条的时候 自动查询一次)
        0
        2018/12/5 17:04:53
        请问楼主问题解决了吗?遇到相同问题
    回复
    ☆落埃之晨★_べo 0
    2018/5/17 14:58:41
    问题1.页面刷新的时候,虽然显示的是第一页,但是没有触发callback方法,第一页的数据怎么去请求?
    问题2.选择当前页面显示条数时,虽然插件样式改变了,但是也是没有触发callback方法,更改当前页面显示条数后怎么去请求新的数据?。
    有没有大佬快点帮帮我。很着急!!!!!
        0
        2018/12/5 17:04:20
        请问楼主这两个问题解决了吗?
    回复
    *;??★§ 0
    2018/5/17 14:10:33
    怎么在一个页面中删除已有的分页器再初始化一个新的分页器??? 回复
    可以可以,都可以 0
    2018/4/2 18:15:06
    怎么让上一页下一页不显示啊? 回复
    孤岛工作室 0
    2018/3/12 11:10:07
    setHash 这里出现错误,是为什么 Cannot read property 'setHash' of undefined
    回复
    - 她说年少轻狂 ~ 0
    2018/2/26 11:41:33
    楼主,像第二种有下拉选项的有没有详细点的配置文档呀 回复
    胖e_e 0
    2018/2/24 17:40:02
    楼主您好,请问怎么样才能让省略号的中间显示5个数字按钮呢?
        91320
        2018/3/2 11:05:52
        同问 解决了吗
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复