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

所属分类:导航-分页

 31092  299  查看评论 (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自定义方法默认值:打印页码。用于回调函数扩展方法。
相关插件-分页

bootstrap paginat分页优化

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

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 33009  359

jQuery分页插件

兼容IE8的分页插件,简单易用。
  分页
 37135  313

官网分页特效

官网分页特效
  分页
 41994  394

讨论这个项目(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
        感谢反馈,这段时间一直很忙,现在版本更新后加入了小实例,演示也作了调整。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复