1
Мне удалось наконец найти плагин, который смог выполнить мой проект.JQuery Следующий Предыдущий 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');
});
});
Заранее спасибо за помощь!