Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Активация динамического фильтра в галереи (https://javascript.ru/forum/events/61734-aktivaciya-dinamicheskogo-filtra-v-galerei.html)

Clodan 05.03.2016 18:02

Активация динамического фильтра в галереи
 
Здравствуйте, имеется галерея с фильтрами категорий на 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 у "Все проекты" и присвоить его категории "Экстерьер". Если можно, буду очень признателен за полный код, так как программистом никак не являюсь. Заранее большое спасибо!

рони 05.03.2016 19:24

Clodan,
'[data-filter-slug="exterior"]'

Clodan 05.03.2016 20:08

Цитата:

Сообщение от рони (Сообщение 410028)
Clodan,
'[data-filter-slug="exterior"]'

извините, а можно поподробней как должна выглядеть функция?

Clodan 05.03.2016 20:35

Разобрался, спасибо!)

Clodan 05.03.2016 20:40

Цитата:

Сообщение от рони (Сообщение 410028)
Clodan,
'[data-filter-slug="exterior"]'

Рони, извините, не могу поставить вам + в карму, так как смотрю вы в предыдущий раз мне тоже помогли! Поэтому просто хочу сказать вам респект и уважение за то, что помогаете таким новичкам как я)

рони 05.03.2016 20:42

Clodan,
:thanks: :victory:


Часовой пояс GMT +3, время: 15:00.