jquery - 同位素过滤器项目例外？

Question

我使用以下代码通过http://themes.visualise.ca/visualise/上的过滤器菜单过滤网格中的内容

$('.menu-categories-navigation-container a').click(function(){
    var category = $(this).parent().attr('class');
    var filters = ('.'+category);
    $container.isotope({
        filter: filters,
    });
    return false;
});

但我希望带有 .thelogo 类的项目始终保持可见，因为徽标和菜单是我的网格的一部分。所以我想我可以使用一些语法来添加某种异常？也许有更好的方法？

非常感谢您的时间和帮助。

Answer 1

isotope 中的 filter 属性是一个选择器字符串，可以随意添加复合选择器（只需添加 .thelogo 即可）。

$('.menu-categories-navigation-container a').click(function(){
    $container.isotope({
        filter: '.thelogo, .' + $(this).parent().attr('class')
    });
    return false;
});

ps：如果任何项目有多个类，这将失败。因为选择器会认为它正在寻找一个带有第二个类名称的标签，在第一个类中。

编辑：忘记期间

Answer 2

解决方案...

$('.menu-categories-navigation-container a').click(function(){
        var category = $(this).parent().attr('class');
        var filters = ('.'+category);
        $container.isotope({
            filter: '.thelogo, ' + filters,
        });
        return false;
});