jQuery Первая фильтрация изотопов не работает

Question

У меня здесь проблема. Я использую подобный код для фильтрации на двух страницах

• https://www.tallengestore.com/collections/vincent-van-gogh

• https://www.tallengestore.com/products/bani-thani-as-radha-art-by-nihal-chand

$('#filter a')[<number>].click() является запускающим механизмом. При загрузке страницы она автоматически срабатывает через 10 секунд или может быть вручную вмешивалась до 10 секунд

Когда страница (ы) загружает по умолчанию набор элементов в $('.portfolio_block') показаны и остальные display:none

На первом страницы, первая фильтрация работает правильно. Элементы добавляются в filtersItems, элементы скрыты, отображаются анимации и отображаются элементы. Здесь нет проблем

Но на второй странице добавлены элементы и элементы скрыты. Механизм останавливается здесь. Это происходит только при первом запуске. Начиная со второго триггера в палатах, он возвращается к функционированию должным образом.

$('.portfolio_block').isotope({ filter: $(this).attr('data-option-value')}) вот как я использую изотоп.

Любая помощь будет отличной.

P.S. Я пробовал использовать $('.portfolio_block').isotope(), но он просто испортил макет при загрузке страницы.

P.P.S Я добавил консольное протоколирование изотопных данных для целей отладки.

Изотоп - http://isotope.metafizzy.co/filtering.html

Answer 1

Удивительно или неосознанно, JQuery-изотоп должен быть инициирован со всеми элементами, прежде чем что-либо. Добавление следующего документа в документ исправляет проблему.

var $portfolioBlock = $('.portfolio_block').isotope({ 
    itemSelector: '<common_class_for_all_elements_requiring_isotope>', 
    filter: '<initial_filtering_class>' 
});