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

我猜测问题出在我的＆＃39;插入＆＃39;代码，但我不确定这应该如何工作。我也使用Infinite Scroll，我需要使用相同的过滤器显示新添加的页面。

请帮忙！

马丁

Answer 1

您可以过滤掉不需要的同位素元素，不是吗？过滤类将是您的来源（nyt，wsj，wp，...）。如果你.remove（）他们，你可以将它们从DOM中删除！见the filtering documentation，但也许我没有得到你的问题？

jQuery Isotope切换内容

1 个答案: