jQuery同位体の最初のフィルタリングは機能していないようです。

Question

私はここで問題に直面しています。私は2つのページ

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

$('#filter a')[<number>].click()トリガ機構がある

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

• にフィルタリングのための同様のコードを使用しています。ページのロードでは10秒後に自動的にトリガされたか、手動で10秒

  ページ（s）は$('.portfolio_block')内の項目のデフォルトセットをロード

  示されており、残りのある最初にdisplay:none

  前に介入することができます最初のフィルタリングが正しく機能します。項目はfilteredItemsに追加され、要素は非表示になり、アニメーションが表示され、要素が表示されます。ここには問題ありません

  2番目のページでは、項目が追加され、要素は非表示になっています。メカニズムはここで終わる。これは、最初のトリガーでのみ発生します。病棟の2番目のトリガーから、正常に機能します。

  $('.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>' 
});