jQuery pager.js 插件动态分页功能实例分析

2020-05-19 07:28:43易采站长站整理

本文实例讲述了jQuery pager.js 插件动态分页功能。分享给大家供大家参考,具体如下:

pager.js 代码


function Page(opt){
var set = $.extend({num:null,startnum:1,elem:null,callback:null},opt||{});
if(set.startnum>set.num||set.startnum<1){
set.startnum = 1;
}
var n = 0,htm = '';
var clickpages = {
elem:set.elem,
num:set.num,
callback:set.callback,
init:function(){
this.elem.next('div.pageJump').children('.button').unbind('click')
this.JumpPages();
this.elem.children('li').click(function () {
var txt = $(this).children('a').text();
var page = '', ele = null;
var page1 = parseInt(clickpages.elem.children('li.active').attr('page'));
if (isNaN(parseInt(txt))) {
switch (txt) {
case '下一页':
if (page1 == clickpages.num) {
return;
}
if (page1 >= (clickpages.num - 2) || clickpages.num <= 6 || page1 < 3) {
ele = clickpages.elem.children('li.active').next();
} else {
clickpages.newPages('next', page1 + 1);
ele = clickpages.elem.children('li.active');
}
break;
case '上一页':
if (page1 == '1') {
return;
}
if (page1 >= (clickpages.num - 1) || page1 <= 3 || clickpages.num <= 6) {
ele = clickpages.elem.children('li.active').prev();
} else {
clickpages.newPages('prev', page1 - 1);
ele = clickpages.elem.children('li.active');
}
break;
case '首页':
if (page1 == '1') {
return;
}
if (clickpages.num > 6) {
clickpages.newPages('首页', 1);
}
ele = clickpages.elem.children('li[page=1]');
break;
case '尾页':
if (page1 == clickpages.num) {
return;
}
if (clickpages.num > 6) {
clickpages.newPages('尾页', clickpages.num);
}
ele = clickpages.elem.children('li[page=' + clickpages.num + ']');
break;
case '...':
return;
}
} else {
// if ((parseInt(txt) >= (clickpages.num - 3) || parseInt(txt) <= 3) && clickpages.num > 6) {
// clickpages.newPages('jump', parseInt(txt));
// }
// ele = $(this);
// }
// page = clickpages.actPages(ele);
// if (page != '' && page != page1) {