1
我终于找到了一个能够完成我的项目的插件。Jquery Next Previous Pager
但我意识到的一件事是,这个插件只有页码,但没有下一个和上一个以及“...”来屏蔽多个页码,如果有很多。
这个插件是在2013年完成的,我认为现在还没有活着要求支持。我不擅长Javascript和Jquery,我不知道如何自己编写代码。
任何一种灵魂都能帮助我吗?
下面是代码:
$(document).ready(function() {
$('.search-res-list').each(function() {
var currentPage = 0;
var numPerPage = 4;
var $grid = $(this);
$grid.bind('repaginate', function() {
$grid.find('.search-res-row').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
});
$grid.trigger('repaginate');
var numRows = $grid.find('.search-res-row').length;
var numPages = Math.ceil(numRows/numPerPage);
var $pager = $('<div class="pager">Page </div>');
for (var page = 0; page < numPages; page++) {
$('<span class="page-number"></span>').text(page + 1).bind('click', {
newPage: page
}, function(event) {
currentPage = event.data['newPage'];
$grid.trigger('repaginate');
$(this).addClass('active').siblings().removeClass('active');
}).appendTo($pager).addClass('clickable');
}
$pager.insertBefore($grid).find('span.page-number:first').addClass('active');
});
});
在此先感谢您的帮助!