0

我有大量的文章标题，每个标题都有一个根据来源的类名。当网站加载时，所有标题都会显示。来源列在页面顶部，我希望 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();
    });
});

我猜问题出在我的“插入”代码上，但我不确定它应该如何工作。我也在使用无限滚动，我需要使用相同的过滤器显示新添加的页面。

请帮忙！

马丁

4

1 回答 1

0

你可以过滤掉不需要的同位素元素，不是吗？过滤类将是您的来源（nyt、wsj、wp、...）。如果你 .remove() 它们，你将它们从 DOM 中删除！请参阅过滤文档，但也许我没有完全理解您的问题？

于 2012-07-23T22:33:25.380 回答