Contenido de conmutación de isótopos de jQuery: javascript, jquery, clasificación, jquery-isótopo

Tengo una gran selección de titulares de artículos,cada uno con un nombre de clase según la fuente. Cuando el sitio se carga se muestran todos los titulares. Las fuentes se enumeran en la parte superior de la página y me gustaría que Isotope muestre u oculte cada una al hacer clic para que los usuarios puedan elegir sus fuentes favoritas.

Tal como está, puedo eliminarlos bien, pero no estoy seguro de cómo hacer que vuelvan a aparecer.

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

Estoy adivinando que el problema está en mi código de "inserción" pero no estoy seguro de cómo se supone que funciona. También estoy usando Infinite Scroll y necesito que las páginas recién agregadas se muestren usando los mismos filtros.

¡Por favor ayuda!

Martyn

Respuestas

Podrías simplemente filtrar los elementos de isótopos no deseados, ¿no? Las clases de filtrado serían sus fuentes (nyt, wsj, wp, ...). Si los elimina (), los elimina del DOM para siempre. Ver la documentación de filtrado Pero tal vez no llegué a su pregunta?