jQueryアイソトープの内容を切り替える

Question

私は、ソースに応じてクラス名を持つ記事の見出しを豊富に用意しています。サイトが読み込まれると、すべての見出しが表示されます。ソースはページの一番上に表示されています。ユーザーがお気に入りのソースを選択できるように、アイソトープをクリックして表示または非表示にします。

私はそれらを削除することはできますが、私はそれらを再び表示させる方法がわかりません。私はこの問題を推測している

jQuery(function($){ 
    var $container = $('.isotope-box'); 
    $container.isotope({ 
    masonry: { 
     columnWidth: 333, 
     cornerStampSelector: '.corner-stamp' 
    }, 
    itemSelector: '#headlines' 
}); 

// filter items when filter link is clicked 
$('#filters a').click(function(){ 
    $(this).toggleClass("active"); 
    var selector = $(this).attr('data-filter'); 
    var $removable = $container.find(selector); 
    $container.isotope('remove', $removable); 
    jQEvent.preventDefault(); 
}); 

$('#filters a.active').click(function(){ 
    $(this).toggleClass("active"); 
    var selector = $(this).attr('data-filter'); 
    var $addition = $container.find(selector); 
    $container.isotope('insert', $addition); 
    jQEvent.preventDefault(); 
    }); 
}); 

は私の「挿入」コードを使用することですが、私はそれが動作するようになっているかどうかはわかりません。私もInfinite Scrollを使用しています。同じフィルタを使用して新しく追加されたページを表示する必要があります。

助けてください！

マーティン

Answer 1

あなただけの不要な同位体の要素をフィルタリングでき、ありませんか？フィルタリングクラスはあなたのソース（nyt、wsj、wp、...）です。それらを.remove（）すると、DOMからDOMを削除します。 the filtering documentationを参照してください。多分私はあなたの質問を得ていませんでしたか？