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

同位素中的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;
});

同位素过滤器项例例外？

2 个答案: