同位素过滤项目例外？

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

同位素中的过滤器属性是一个选择器字符串，可以随意添加复合选择器（只需添加 .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;
});