jQuery简单分页

所属分类:导航-分页

 77225  446  查看评论 (124)
分享到微信朋友圈
X
jQuery简单分页 ie兼容6

更新时间:2017/9/19 下午1:35:49

更新说明:调整兼容性,兼容ie6、ie8


更新时间:2017-9-1 16:27:11

更新说明:修复setPage方法


更新时间:2017/8/16 下午10:07:56

更新说明:修复回调函数多次执行


更新时间:2017-8-16 11:00:41

更新说明:修复二次调用插件总页数为1时的BUG

新增:

1. 获取当前页数和总页数

$("#pagination3").pagination("getPage");// 获取当前页数和总页数

2. 设置当前页数和总页数

$("#pagination3").pagination("setPage", 1, 10);// 参数2:当前页数,参数3:总页数

3. 插件配置参数当前页数(currentPage)和总页数(totalPage)都是Number类型


使用方法

1.引入样式和脚本

<link rel="stylesheet" href="css/jquery.pagination.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/jquery.pagination.min.js"></script>

2.调用插件

$("#pagination3").pagination({
   currentPage: 4,// 当前页数
   totalPage: 16,// 总页数
   isShow: true,// 是否显示首尾页
   count: 7,// 显示个数
   homePageText: "首页",// 首页文本
   endPageText: "尾页",// 尾页文本
   prevPageText: "上一页",// 上一页文本
   nextPageText: "下一页",// 下一页文本
   callback: function(current) {
       // 回调,current(当前页数)
   }
});
相关插件-分页

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 56483  337

js分页插件兼容ie8(原创)

不依赖任何第三方UI库、page分页器、分页组件、兼容至ie8
  分页
 29345  305

bootstrap4的jquery分页插件

bootstrap4的jquery分页插件,支持刷新不变页数
  分页
 39484  302

jQuery分页插件(原创)

jQuery分页插件,支持ie8及以上,注意jquery 2.0版本及以上不支持ie8及以下了
  分页
 22320  224

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

    笨小孩 0
    2024/1/7 18:57:29
    每页显示多少条,在哪配置 回复
    笨小孩 0
    2023/3/14 10:40:42
    Cannot read properties of undefined (reading 'getPage') 不知道为啥 回复
    黄俊杰 0
    2020/9/3 16:07:49

    直接报这个错是怎么回事?

    Uncaught TypeError: this.ele.off is not a function
        at n.eventBind (jquery.pagination.min.js:42)
        at n.init (jquery.pagination.min.js:18)
        at new n (jquery.pagination.min.js:14)
        at init.t.fn.pagination (jquery.pagination.min.js:49)
        at HTMLDocument.<anonymous> (test:27)
        at Function.ready (jquery1.42.min.js:26)
        at HTMLDocument.L (jquery1.42.min.js:33)
        西瓜0
        2020/9/3 16:27:32
        jQuery版本都太低了,使用高版本即可。
    回复
    呐呐呐-有灰机 0
    2020/8/7 11:59:43
    它在260多条的时候。。。。出小数点了。。。。 回复
    0
    2019/7/21 17:06:41
    页面特别多的时候可以加上...省略号么? 回复
    0
    2019/6/25 22:31:12
    可以有显示所有条数的功能么?
        0
        2019/6/25 22:32:01
        显示总条数
    回复
    xuchao520 0
    2019/6/3 10:42:55

    Uncaught SyntaxError: Unexpected identifier
    Uncaught TypeError: $(...).pagination is not a function
    谷歌报错

        areyouOk0
        2019/6/3 11:07:06
        第一条,少写逗号会出现。第二条,插件掉调用路径错误会出现,检查这两个问题。
    回复
    南康@【白开水】 0
    2019/4/11 10:55:42
    totalPage为1时为啥不显示了?
        南康@【白开水】0
        2019/4/11 10:58:44
        是因为第一页不用切换所以不加分页?
    回复
    立? 0
    2019/2/18 10:26:00
    回调的页数值怎么拿到外面去 回复
    游九尘 0
    2018/8/14 18:18:49
    如果想选中第3页该怎么弄? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复