Isotop过滤使用"和"和"或"

时间:2015-10-20 14:54:50

标签: jquery-isotope isotope

我有一系列元素需要根据用户选择进行过滤。这些项目包含class="a b c d visible"等类。在地图上显示其引脚时添加.visible。我可以使用以下内容过滤.visible

$('.search-results').isotope({
    filter: '.visible'
});

但是,我想添加对陆地,混合和住宅类进行过滤的功能。我知道过滤器可以使用and过滤,如:

$('.search-results').isotope({
    filter: '.a.visible'
});

但是,我需要过滤"字母"带或的类,如果它们中的任何一个匹配,并且它将具有visible类,它将显示。我试图使用类似的东西:

$('.search-results').isotope({
    filter: '.a.visible, .b.visible'
});

没有成功。我非常感谢你能帮到我。

tl; dr:需要匹配((.a) || (.b) || (.c) || (.d) && (.visible))

1 个答案:

答案 0 :(得分:2)

也许我没有正确地回答你的问题,但你所要求的似乎得到了很好的支持。看看这个修改过的例子:

http://jsfiddle.net/hu8zdc7o/2/

示例中的代码看起来是正确的:

$('.search-results').isotope({
    filter: '.a.visible, .b.visible'
});

另外,你的tl; dr似乎与你的帖子不符,你的意思是吗?

((。a || .b || .c || .d)&& .visible)