默认:总页数12,显示页数5,初始化回调激活页绑定函数
$(".simplePaging").simplePaging();
总页数88,显示页数9,第一页显示为6,初始化跳转到7:
$(".simplePaging2").simplePaging({
allPage: 88,
showPage: 9,
startPage: 6,
initPage: 7
});
animationTime为50,回调显示页码:
$(".simplePaging3").simplePaging({
allPage: 88,
showPage: 9,
animateType: "animation",
animationTime: 50,
callBack: function (num) {
$(".simplePaging3PageNum").text(num)
}
});
animateType为"jumpy":
$(".simplePaging4").simplePaging({
allPage: 88,
showPage: 9,
animateType: "jumpy",
animationTime: 300,
callBack: function (num) {
$(".simplePaging4PageNum").text(num)
}
});
显示跳转按钮,每次页面首加载完毕不回调callBack,改变触发按键符号:
$(".simplePaging5").simplePaging({
allPage: 88,
showPage: 9,
startPage: 1,
initPage: 1,
initPageClick:false,
showTurnTo: true,
first: "first",
last: "last",
prev: "<",
next: ">",
animateType: "normal",
animationTime: 300,
callBack: function (num) {
$(".simplePaging5PageNum").append(num+" ")
}
});
实例:加载时回调数(适合ajax局部刷新)
实例2:加载时不回调数(适合刷新加载)
| 参数名 | 参数类型 | 可选参数 | 说明 |
|---|---|---|---|
| allPage | number | 自定义数字 | 默认值:12。总页数:页码器总共多少页。 |
| showPage | number | 自定义数字 | 默认值:5。显示页数:页码器显示几页。 |
| startPage | number | 自定义数字 | 默认值:1。首页页码数字。 |
| initPage | number | 自定义数字 | 默认值:1。加载完毕自动跳转到第n页:此值小于startPage则跳转首页,反之跳转尾页。 |
| initPageClick | boolean | true或false | 默认值:true(回调)。每次页面加载完毕后,是否触发initPage页的绑定事件,false不回调。 |
| first | string | 自定义字符串 | 默认值:"首页"。首页显示字符。 |
| last | string | 自定义字符串 | 默认值:"尾页"。尾页显示字符。 |
| prev | string | 自定义字符串 | 默认值:"«"。上一页显示字符。 |
| next | string | 自定义字符串 | 默认值:"»"。下一页显示字符。 |
| showTurnTo | boolean | true或false | 默认值:false(不显示)。是否显示“跳转”项,true时显示。为true时,页码输入框输入完毕,按下回车键即可立即执行跳转。输入页码小于startPage跳转首页,反之跳至尾页。 |
| animateType | string |
"animation" "jumpy" "fast" "normal" "slow" "verySlow" |
默认值:"animation"。动画过渡模式。 立即,对应animationTime=0 100ms,对应animationTime=100 200ms,对应animationTime=200 400ms,对应animationTime=400 800ms,对应animationTime=800 |
| animationTime | number | 自定义数字 | 默认值:300。仅为animateType为animation时生效,设置动画过渡时间(ms)。 |
| callBack | function | 自定义方法 | 默认值:打印页码。用于回调函数扩展方法。 |
默认参数
allPage: 12,//总页数
showPage: 5,//显示页数
startPage: 1,//第一页页码数字
initPage: 1,//加载完毕自动跳转到第n页(初始化激活页)
initPageClick:true,//每次页面加载完毕后,是否触发initPage页的绑定事件
first: "首页",//首页显示字符
last: "尾页",//尾页显示字符
prev: "«",//上一页显示字符
next: "»",//下一页显示字符
showTurnTo: false,//是否显示跳转按钮,true显示,false不显示
animateType: "animation",//过渡模式:动画“animation”、跳动“jumpy”、快速移动“fast”、正常速度移动“normal”、缓慢的速度移动“slow”、异常缓慢的速度移动“verySlow”
animationTime: 300,//animateType为animation时,动画过渡时间(ms)
callBack: function (num) {
console.log(num)
}