jQuery Isotope toggle Inhalt

Question

Ich habe eine große Auswahl von Artikelüberschriften, jeder mit einem Klassennamen nach der Quelle. Wenn die Website geladen wird, werden alle Überschriften angezeigt. Die Quellen sind oben auf der Seite aufgelistet, und ich möchte, dass Isotope diese einzeln anzeigt oder versteckt, wenn sie angeklickt werden, damit Benutzer ihre bevorzugten Quellen auswählen können.

Wie es aussieht, kann ich sie in Ordnung entfernen, aber ich bin mir nicht sicher, wie man sie wieder erscheinen lassen kann.

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

ich das Problem bin zu raten, ist mit meinem ‚Insert‘ Code, aber ich bin nicht sicher, wie das funktionieren soll. Ich verwende auch Infinite Scroll und ich brauche die neu hinzugefügten Seiten, die mit denselben Filtern angezeigt werden.

Bitte helfen!

Martyn

Answer 1

Sie könnten nur die unerwünschten Isotopen-Elemente herauszufiltern, nicht wahr? Die Filterklassen wären Ihre Quellen (nyt, wsj, wp, ...). Wenn Sie sie entfernen(), entfernen Sie sie für immer aus dem DOM! Siehe the filtering documentation aber vielleicht habe ich deine Frage nicht ganz verstanden?