插件描述：基于jQuery简单的分页器
更新时间：2019/1/17 上午8:16:40
更新说明：修改了一个bug，在调用的时候初始化，防止重复生成分页器。
备注：目前无法自定义显示的页码数，只能固定显示10个。日后会考虑增加自定义显示页码数。
使用方法
HTML结构：
父div里面包着一个子div，子div类名不可变，父div不一定需要用id，类名也可以
<div id="ele"> <div ></div> </div>
js调用：
Pagination({
ele: '#ele', // 父div的id或者类名，支持css选择器（实际上只是把ele传进jq的选择器中）
totalCount: 200, // 总数据条数
totalPage: 20, // 总页数
currentPage: 20, // 初始化选中的页数
needTotalCount: true, // 是否显示总页数的提示
callback: function(page) {
console.log('当前是第' + page + '页') // 每次跳转页码时执行的回调函数，会传入当前页码
}
});用IE11 的模拟器测试过，支持到IE5，但是有些样式就无法显示：如边框圆角，功能无影响
PREVIOUS:
NEXT:
相关插件-分页
讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Super man 0
2019/12/28 22:33:54
-
这个我怎么用不了 楼主能仔细说一下吗 我的写了没有效果
Super man0
2019/12/28 22:36:21
-
Pagination未定义
evil 0
2019/4/3 9:57:41
-
请问下如何发送请求
pkrx82630
2019/4/4 8:41:40
-
我当初并没有考虑在分页器中发请求，而是在请求数据返回后在回调中再启用分页器
pkrx8263 0
2019/1/17 14:15:54
HTML结构中子DIV添加一个类名，如下：
<div id="ele"> <div class="Pagination"></div> </div>
みさか みこと0
2019/3/1 17:58:34
-
楼主大大，小白一枚，问题下这个分页怎么和我的表格结合到一起呢？？
pkrx82631
2019/3/13 11:26:30
先将你需要放分页器的地方加入
<div id="ele">
<div class="Pagination"></div>
</div>
//之后在你请求的回调函数中调用：
Pagination({
ele: '#ele', // 父div的id或者类名，支持css选择器（实际上只是把ele传进jq的选择器中）
totalCount: 200, // 总数据条数
totalPage: 20, // 总页数
currentPage: 20, // 初始化选中的页数
needTotalCount: true, // 是否显示总页数的提示
callback: function(page) {
console.log('当前是第' + page + '页') // 每次跳转页码时执行的回调函数，会传入当前页码
}
});
优???☆???秀0
2020/4/16 16:37:33
-
我从数据库中查询到的list集合数据 映射到jsp页面了 怎么适应该分页调用呢
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
