jQuery同位素切換內容

我有大量的文章標題選擇，每個都有一個根據源的類名稱。顯示網站加載的所有標題時。信息源列在頁面頂部，我希望Isotope在點擊時顯示或隱藏每一個，以便用戶可以選擇他們最喜歡的來源。jQuery同位素切換內容

現在，我可以刪除它們，但我不知道如何讓它們再次出現。

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

我猜這個問題與我的'插入'代碼，但我不知道這應該如何工作。我也使用無限滾動，我需要使用相同的過濾器顯示新添加的頁面。

請幫忙！

馬丁

來源

2012-04-11 martynr

我已經創建了類別。所以當我需要顯示全部時，我使用*進行過濾。否則通過特定過濾器。 – 2013-05-24 02:09:45

你可以只過濾掉不需要的同位素元素，不是嗎？過濾類將是您的源（nyt，wsj，wp，...）。如果你.remove（）他們，你把它們從DOM中刪除好！見the filtering documentation但也許我不完全明白你的問題？

來源

2012-07-23 22:33:25 Systembolaget

jQuery同位素切換內容

回答

相關問題