Введение

jqPagination - плагин jQuery, который реализует новый метод нумерации страниц на сайте. Вместо вывода списка страниц jqPagination использует интерактивный блок вида 'Страница 1 из 5', который позволяет пользователю выбрать нужную страницу. Плагин проверяет введный номер страницы. Также доступны кнопки перехода к первой, последней, следующей и предыдущей страницам и возвратная функция, которая запускается после перехода к введеному номеру.

 

Особенности плагина:

Демонстрация

 

Показать / скрыть журнал событий:

Установка

Установка очень простая, используйте следующий код HTML:

<div class="pagination">
    <a href="#" class="first" data-action="first">&laquo;</a>
    <a href="#" class="previous" data-action="previous">&lsaquo;</a>
    <input type="text" readonly="readonly" data-max-page="40" />
    <a href="#" class="next" data-action="next">&rsaquo;</a>
    <a href="#" class="last" data-action="last">&raquo;</a>
</div>

Затем инициализуем плагин для введенного элемента:

$('.pagination').jqPagination({
    paged: function(page) {
        // выполняем операции с номером страницы
    }
});

Настройка

jqPagination имеет несколько опций для настройки и возвратную функцию.

Опции

current_page - текущая страница при запуске, по умолчанию: 1.
Также можно использовать data атрибут current-page в элементе ввода.

link_string - строка адреса, которая устанавливается в атрибуте href ссылки на страницу, по умолчанию: ''
Можно использовать {page_number} для подстановки в адрес номера страницы для формирования правильной сссылки на документ.

max_page - максимальное количество страниц, по умолчанию: null.
Если установлено значение null, то будет использоваться data атрибут max-page. Если никаких значений не задано, считается. что страница одна.

page_string - строка в полее ввода, по умолчанию: 'Page {current_page} of {max_page}'.
Используйте {current_page} и {max_page} для вывода в строке номера текуще страницы и максимального количества старниц.

Возвратная функция

paged - параметр: page
Вызывается при переходе на правильный номер страницы, переменная page содержит номер страницы.