jQuery Isotope第一次過濾似乎不起作用

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

在第一頁上，第一個過濾器正常工作。 將項目添加到filteredItems中，將元素隱藏，顯示動畫並顯示元素。 這里沒問題

但是在第二頁上，項目被添加，元素被隱藏。 機制到此為止。 這僅在第一個觸發器上發生。 從第二個觸發器開始，它會恢復正常運行。

$('.portfolio_block').isotope({ filter: $(this).attr('data-option-value')})這就是我使用同位素的方式。

任何幫助都會很棒。

PS我試過使用$('.portfolio_block').isotope()但它只會弄亂頁面加載時的布局。

PPS我添加了同位素數據的控制台日志記錄，以用於調試目的。

同位素-http: //isotope.metafizzy.co/filtering.html

Answer 1

出人意料的是，必須在所有元素之前啟動jquery-isotope。 在准備就緒的文檔上添加以下內容可解決此問題。

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