Как сделать активным фильтр Isotop js?

Question

[NDL]

Всем привет.

Как в isotop js при загрузке страницы сделать активный один из фильтров?

При загрузке показывает все элементы и не фильтрует.

<p class="text-center" id="filter">
  <a href="" class="btn-service btn-serv current" data-filter=".1">1</a>
  <a href="" class="btn-service btn-serv"  data-filter=".2">2</a>
  <a href="" class="btn-service btn-serv" data-filter=".3">3</a>
</p>

Answer 1

[Дмитрий]

Сам плагин ничего не будет фильтровать изначально (если вы просто инициализируете).
Вам нужно при инициализации isotope находить ссылку с классом current (если есть) и брать оттуда .data('filter')
А потом инициализировать isotope с опцией {filter: '.1'}

Но вообще говоря, если у вас фильтр идет по имени класса, то ошибка ЕЩЕ в том, что классы нельзя называть, начиная с цифр. Поэтому переименуйте их во что-то типа '.c1', '.c2' и т.д. И тогда получится {filter: '.c1'}

Comments

[NDL]

Честно JS для меня дремучий лес, можно хоть чуть-чуть по подробней, пожалуйста?

[NDL]

codepen.io/NDL/pen/NNYrdd