simplePaging-简洁易用的分页插件(原创)

所属分类:导航-分页

 26732  264  查看评论 (26)
分享到微信朋友圈
X
simplePaging-简洁易用的分页插件(原创) ie兼容7

更新时间:2019/3/18 上午9:08:55

更新说明:修复错误


更新时间:2018/12/7 下午1:43:00

更新说明:代码整理


更新时间:2018/6/26 上午11:49:00

更新说明:增加实例2:首次加载不回调当前页绑定函数。


更新时间:2018/6/12 下午6:05:50

更新说明:感谢一位热心网友的反馈,并作出版本更改:强制插件盒子模型为content-box。


更新时间:2018/6/1 下午2:28:27

更新说明:根据反馈,修改了演示并加入了实例。

现在能点击的按钮,鼠标放上去背景颜色变灰。


更新时间:2018/5/10 下午2:45:07

更新说明:过根据反馈新增一个api:initPageClick,默认值:true(回调)。每次页面加载完毕后,是否触发initPage页的绑定事件,false不回调。


更新时间:2018/5/7 23:45:40

更新说明:修复已知bug。修改initPage小于首页时,现在为跳转到首页,反之跳转到尾页。相关文档说明已更新!


更新时间:2018/5/7 上午9:04:19

更新说明:修改了页面初始化时立即执行一次callBack问题(现不执行),现设置initPage不再进入循环。


更新时间:2018/5/3 上午6:36:47

更新说明:

一、增加跳转按钮:showTurnTo。默认为false不显示,为true时显示。
二、优化了部分代码。
三、展示页的文档说明做了颜色标记。


发布时间:2018-5-2 23:08

具体使用方法见demo,以下是插件的默认参数:

allPage: 12,//总页数
showPage: 5,//显示页数
startPage: 1,//第一页页码数字
initPage: 1,//加载完毕自动跳转到第n页
first: "首页",//首页显示字符
last: "尾页",//尾页显示字符
prev: "?",//上一页显示字符
next: "?",//下一页显示字符
animateType: "animation",//过渡模式:动画“animation”、跳动“jumpy”、快速移动“fast”、正常速度移动“normal”、缓慢的速度移动“slow”、异常缓慢的速度移动“verySlow”
animationTime: 300,//animateType为animation时,动画过渡时间(ms)
callBack: function (num) {}

文档说明:

参数名参数类型可选参数说明
allPagenumber自定义数字默认值:12。总页数:页码器总共多少页。
showPagenumber自定义数字默认值:5。显示页数:页码器显示几页。
startPagenumber自定义数字默认值:1。第一页页码数字。
initPagenumber自定义数字默认值:1。加载完毕自动跳转到第n页:此值不能小于startPage。
firststring自定义字符串默认值:"首页"。首页显示字符。
laststring自定义字符串默认值:"尾页"。尾页显示字符。
prevstring自定义字符串默认值:"?"。上一页显示字符。
nextstring自定义字符串默认值:"?"。下一页显示字符。
animateTypestring"animation"
               "jumpy"
               "fast"
               "normal"
               "slow"
               "verySlow"
默认值:"animation"。动画过渡模式。
               立即,对应animationTime=0
               100ms,对应animationTime=100
               200ms,对应animationTime=200
               400ms,对应animationTime=400
               800ms,对应animationTime=800
           
animationTimenumber自定义数字默认值:300。仅为animateType为animation时生效,设置动画过渡时间(ms)。
callBackfunction自定义方法默认值:打印页码。用于回调函数扩展方法。
相关插件-分页

刷新页面不变的分页插件

jQuery刷新页面页面不会改变的分页插件
  分页
 32193  281

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

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

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

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

超简单的jQuery分页功能

就是一个基础分页功能,支持加入ajax
  分页
 22898  159

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

    ●╊● 0
    2019/7/4 16:21:01
    彼岸.年华 0
    2018/12/11 16:26:48
    火狐兼容性不太好,当设置总页面80的时候,点击尾页的时候,页码明显偏移。请问有办法解决吗?
        彼岸.年华0
        2018/12/11 16:33:10
        ie也有这种情况,ie9-8下,设置总页码80页,点击尾页,78-80直接显示不了
    回复
    大萨特( 'ω' ) 0
    2018/12/7 13:59:50
    一页显示多少条数据可以在页面器里面自己加,样式太多就不在插件里实现了。比如页面器加个右padding,将一页显示多少条数据用绝对定位固定在右侧。 回复
    最好的我们 0
    2018/11/9 10:28:19
    你好,怎么把数据用分页器展示出来呀。 回复
    小怪兽 0
    2018/9/2 14:35:44
    我想问一下怎样给那些页数赋值,jquery获取到文本框的值怎样赋给总页数 回复
    ???夜色咖啡 0
    2018/7/28 0:38:51
    我用的是异步加载数据,请问怎么在加载完成数据时更改页码 allPage 回复
    wayne0822 0
    2018/7/20 10:09:07
    你好请问,ajax请求数据,是需要把ajax请求放到callback里面吗? 回复
    Sam 0
    2018/6/21 17:13:11
    如果加载的数据有变化了,那分页数量怎样才能跟着变 ?
        大萨特( 'ω' )1
        2018/6/22 20:56:32

        可以将页码器清空,再重新渲染,比如

        $(".simplePaging").empty;$(".simplePaging").simplePaging();
        Sam0
        2018/6/23 9:51:51
        有个问题,重新渲染后,原来页面URL上的一些条件参数全部没了,如何保留原来的参数
    回复
    一尾鱼鱼鱼鱼民 0
    2018/6/13 22:36:10
    为何跳转页码后又会再次刷新页面
        一尾鱼鱼鱼鱼民0
        2018/6/13 22:39:40
        问题已解决。。。。。
    回复
    0
    2018/5/18 9:55:08
    可以考虑写个完整dome包括有数据的?(为了我这种菜鸟)
        大萨特( 'ω' )0
        2018/6/1 14:39:49
        感谢反馈,这段时间一直很忙,现在版本更新后加入了小实例,演示也作了调整。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复