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同位素切换内容

回答

相关问题