Показать сообщение отдельно
  #1 (permalink)  
Старый 05.03.2016, 18:02
Аспирант
Отправить личное сообщение для Clodan Посмотреть профиль Найти все сообщения от Clodan
 
Регистрация: 04.01.2013
Сообщений: 33

Активация динамического фильтра в галереи
Здравствуйте, имеется галерея с фильтрами категорий на Wordpress, по умолчанию выводятся изображения из всех категорий, однако мне нужно чтобы при загрузке страницы активировалась например 2я категория. Принцип работы фильтров на сколько я могу судить, это просто скрытие и показ необходимых изображений при клике по нужному фильтру, то есть собственной ссылки у категории нет. Конструкцию фильтра категорий имеет следующий вид:

<div id="jig1-filterButtons" class="jig-filterButtons jig-filterSingle jig-clearfix" data-filter-level="1">
<div class="jig-filterButton jig-filterButtonSelected" data-filter-slug="portfolio">Все проекты</div>
<div class="jig-filterButton" data-filter-slug="commercial-interior">Коммерческий интерьер</div>
<div class="jig-filterButton" data-filter-slug="exterior">Экстерьер</div><div class="jig-filterButton" data-filter-slug="modeling">Моделинг</div>
</div>


Как видно из конструкции у активного фильтра добавляется класс jig-filterButtonSelected. Идея была такая, либо сделать клик на jquery после загрузки страницы либо удалить filterButtonSelected и присвоить его другой категории. Но проблема в том, что как видно из конструкции все категории имеют одинаковый класс и ничем кроме как data-filter-slug не отличаются. Отсюда встает вопрос, как обратиться например к категории "Экстерьер" и сделать по ней клик или же удалить jig-filterButtonSelected у "Все проекты" и присвоить его категории "Экстерьер". Если можно, буду очень признателен за полный код, так как программистом никак не являюсь. Заранее большое спасибо!
Ответить с цитированием