同位素高级过滤

Question

我正在使用Isotope在页面上显示产品。我希望用户能够排序（没有问题）和过滤项目。简单过滤（即".Brand1,.Brand2,.Color1"返回所有带有Brand1的产品，所有带有Brand2的产品和所有带有Color1的产品都能正常工作。

但我需要实现的是高级过滤器，即(Brand1 or Brand2) AND Color1。我的主要问题是我可以拥有数十个品牌和数十种颜色以及数十种其他可能的过滤器类别，因此遍历所有过滤器类别来创建像".Brand1.Color1, Brand2.Color1"这样的过滤器会占用大量时间。

您知道在Isotope中创建像(Brand1 or Brand2) AND Color1这样的条件过滤器的方法吗？

Answer 1

$(".foo, .bar").somemethod(someargument);

匹配具有类foo OR class bar

的元素

$(".foo.bar").somemethod(someargument);

匹配具有类foo和类bar的元素，

$(".foo, .bar").not(selector)

可能是要走的路。

Answer 2

Isotope将jQuery objetcs作为过滤器。因此，如果您要应用此条件*num1，请先使用以下内容过滤元素

var $elements = $('.element').filter('.Brand1, .Brand2').filter('.Color1');

并将其传递给同位素以更新视图：

$grid.isotope({ filter: $elements });

你已经完成了：）