jQuery Isotope toggle content

Question

У меня есть большой выбор заголовков статей, каждый из которых имеет имя класса в соответствии с исходным кодом. Когда сайт загружается, все заголовки отображаются. Источники указаны в верхней части страницы, и я хотел бы, чтобы Isotope отображал или скрывал каждый при нажатии, чтобы пользователи могли выбирать свои любимые источники.

Как бы то ни было, я могу их удалить, но я не уверен, как заставить их появляться снова.

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, и мне нужны новые страницы, которые будут отображаться с использованием тех же фильтров.

Пожалуйста, помогите!

Martyn

Answer 1

Вы можете просто отфильтровать нежелательные элементы изотопных, нет? Классы фильтрации будут вашими источниками (nyt, wsj, wp, ...). Если вы их отменили(), вы удалите их из DOM навсегда! См. the filtering documentation, но, может быть, я не совсем понял ваш вопрос?