jquery.pager.js实现分页效果

2020-05-24 21:26:20易采站长站整理

}

// renders and returns a 'specialized' button, ie 'next', 'previous' etc. rather than a page number button
function renderButton(buttonLabel, pagenumber, pagecount, buttonClickCallback) {

var $Button = $('<li class="pgNext">' + buttonLabel + '</li>');

var destPage = 1;

// work out destination page for required button type
switch (buttonLabel) {
case "first":
destPage = 1;
break;
case "上一页":
destPage = pagenumber - 1;
break;
case "下一页":
destPage = pagenumber + 1;
break;
case "last":
destPage = pagecount;
break;
}

// disable and 'grey' out buttons if not needed.
if (buttonLabel == "first" || buttonLabel == "上一页") {
pagenumber <= 1 ? $Button.addClass('pgEmpty') : $Button.click(function() { buttonClickCallback(destPage); });
}
else {
pagenumber >= pagecount ? $Button.addClass('pgEmpty') : $Button.click(function() { buttonClickCallback(destPage); });
}

return $Button;
}

// pager defaults. hardly worth bothering with in this case but used as placeholder for expansion in the next version
$.fn.pager.defaults = {
pagenumber: 1,
pagecount: 1
};

})(jQuery);