Использование jQuery для фильтрации неупорядоченного списка и создания нумерации страниц

Question

Я новичок в этом, поэтому, пожалуйста, прости меня, когда я попрошу быть конкретным с твоими ответами. Спасибо!

Я работаю над сайтом, где у меня есть неупорядоченный список людей с классами, которые определяют, кем они были (то есть, артист, политик и т. Д.).

Вверху у меня есть выбор фильтров, которые вы можете использовать, чтобы сузить результаты, используя эти классы. Когда вы щелкаете по фильтру, он по существу скрывает все элементы списка, за исключением элементов списка с выбранным вами классом. И, конечно же, кнопка «все», которая отображает весь текст.

Тем не менее, я также использую pajinate.js для работы с нумерацией страниц.

Проблема в том, что когда я использую фильтры, нумерация страниц не обновляется, чтобы отразить то, что было отфильтровано.

Любой совет? Есть ли еще какой-нибудь плагин для пагинации, который поддерживает встроенную фильтрацию, о которой я не знаю?

-j

Answer 1

Я предполагаю, что вы используете pajinate.js с этой страницы: http://github.com/wesnolte/Pajinate

Похоже, что pajinate не волнует, какой класс элементов списка, поэтому он не изменит нумерацию страниц, когда пользователь скрывает классы.

Чтобы он работал с pajinate.js, я рекомендую вам иметь другой неупорядоченный список, который не вложен в div page_container, который вы используете для «хранения» отфильтрованных элементов. По сути, когда пользователь выбирает фильтр, вы должны переместить все отфильтрованные элементы из содержимого ul в скрытый ul, используя функции appendTo () и remove () для набора элементов, которые вы хотите скрыть / показать. Вам также может понадобиться вызвать функцию pajinate () в div page_container после перемещения элементов списка.

Надеюсь, у кого-то есть более простое решение!