好用的jQuery滑动分页插件

所属分类:导航-分页

 58366  368  查看评论 (62)
分享到微信朋友圈
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);
    }
})
相关插件-分页

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 34998  351

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 40421  452

自制实用主义分页插件

自制实用主义分页插件,分享给需要使用或者学习的人
  分页
 42704  450

jquery分页插件

堪称完美jquery分页插件
  分页
 52128  403

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

    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
        您?铨解?了?,我?在也遇到呃??铨
    回复
    - 安″ 0
    2018/6/23 11:17:54
    动态滑动效果不显示
        闹够了没有0
        2018/7/2 11:13:22
        点击数字4以后的数字动态滑动效果才显示
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复