好用的jQuery滑动分页插件

所属分类:导航-分页

 59386  368  查看评论 (63)
分享到微信朋友圈
X
好用的jQuery滑动分页插件 ie兼容9

使用方法

1. 在HTML中引入CSS,jQuery和本插件,样式可自定义

2. 在body中

<div class="box" id="box"></div>

3. 在script标签中        

$('#box').paging({
    initPageNo: 1, // 初始页码
    totalPages: 30, //总页数
    totalCount: '合计300条数据', // 条目总数
    slideSpeed: 600, // 缓动速度。单位毫秒 
    callback: function(page) { // 回调函数 
        console.log(page);
    }
})
相关插件-分页

bootstrap paginat分页优化

增加显示当前页码、总页数,输入页码跳转,并且插件中的英文提示和注释都翻译成了中文
  分页
 43311  350

基于jquery和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 51169  328

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 56363  337
  分页
 72754  369

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

    1
    2024/7/25 18:57:47

    回调无限循环了,可以在里面加上:

    callback: function(page) {
        if (pageNo != page) {
            获取数据方法(参数, ,....,pageNo, pageSize)
        }
    }
    回复
    jquery,你好 0
    2022/9/8 14:11:28
    大佬,回调无限循环怎么解决啊,求求了,1648873838 回复
    Forever 0
    2022/3/16 16:13:51
    苔草了,callback无限循环。。。 回复
    ? ??。Smile° 0
    2021/4/22 11:16:35
    怎么跳转到某一页面
        西瓜0
        2021/4/22 11:34:46
        callback: function(page) { // 回调函数
           console.log(page);//这里写你跳转方法。例如window.location.href = "****?page=" + page;
        }
    回复
    我们的故事 0
    2020/2/7 12:47:06
    这个加载本地数据实在哪里写啊? 回复
    The Days 0
    2019/6/17 15:08:20
    ?? 0
    2018/12/22 11:33:27
    我点击下一页 然后整个box div 都变成display:none了
        ?花?而侦落1
        2019/1/9 17:33:04

        paging.js 代码56行

         liWidth = lis[0].offsetWidth

        有误,应该用

         liWidth = $(lis[0]).outerWidth()

        否则滚动效果不出现

    回复
    百分之二十。 0
    2018/11/7 20:18:04
    请问如果我在一个页面的三个div里都需要分页,如何在它在第二个页面里当前页面归1 回复
    闹够了没有 0
    2018/7/27 9:29:26
    在edge浏览器下分页为什么出现乱码
        西瓜0
        2018/7/27 9:51:02
        乱码一般都是编码问题,只要meta 标签加好utf-8即可解决
        <meta charset="utf-8">
    回复
    /sun太阳/sun 0
    2018/7/18 10:40:22
    请问关于callback回调我有一些问题,
    这个callback是加载完和点击页面就自动执行的,
    我怎么调用页码的点击事件。因为我点击了按钮后也要执行ajax请求,我不希望一加载完成就执行ajax请求
        资产规划小六0
        2018/7/23 10:55:58
        您的?铨解?了?,我?在也是呃??铨
        资产规划小六0
        2018/7/23 10:58:33
        您?铨解?了?,我?在也遇到呃??铨
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复