Сочетание Jquery Quicksand с нумерацией страниц

Question

Я пытаюсь объединить фильтруемый портфель зыбучих песков с нумерацией страниц на веб-сайте Wordpress. Я много искал, и есть несколько примеров со стандартной нумерацией страниц Wordpress, но эти примеры загружают другой URL для нумерации страниц и делают новый запрос для элементов портфолио. Фильтры зыбучих песков работают только с элементами, которые являются запросами на этой конкретной странице. Я бы хотел, чтобы фильтры плывуна работали со всеми элементами портфолио, в том числе и на других страницах, поэтому мне нужна какая-то нумерация страниц Ajax.

Я настроил что-то на http://www.cofoto.tk/portfolio, нумерация страниц jPage работает, но когда щелкают фильтры, содержимое портфеля динамически меняется, и нумерация страниц больше не работает. Я бы так или иначе хотел бы, чтобы фильтр сообщал нумерации страниц, что контент изменился, и нумерация страниц должна быть повторно инициирована на основе показанного в данный момент контента. Мне не хватает технических навыков для решения этой конкретной проблемы, и я надеялся, что кто-нибудь сможет мне помочь с этим.

Спасибо заранее, если нужна дополнительная информация, пожалуйста, дайте мне знать.

Arne

Answer 1

В настоящее время я пытаюсь решить ту же проблему и нашел одно (довольно тяжелое для JavaScript) решение, которое бы идеально соответствовало вашим потребностям. Он использует вышеупомянутые "jpages" и плагин "Filtrify" от того же автора вместо Quicksand. Эта реализация в основном обновляет нумерацию страниц при каждом вызове нового фильтра.

Демонстрацию можно посмотреть здесь: http://luis-almeida.github.io/filtrify/jpages.html

Код находится здесь: https://github.com/luis-almeida/filtrify/blob/master/jpages.html

Это довольно сложное решение на JavaScript, поэтому def / test на производительность. Автор рекомендует использовать lazy-load для изображений, и я бы тоже. Надеюсь, это помогло!