Isotope 고급 필터링

Question

Isotope를 사용하여 페이지에 제품을 표시하고 있습니다. 사용자가 (아무 문제없이) 정렬하고 항목을 필터링 할 수 있기를 바랍니다. 단순 필터링 (즉, ".Brand1,.Brand2,.Color1"은 Brand1이있는 모든 제품과 Brand2가있는 모든 제품과 Color1이있는 모든 제품을 반환합니다).

하지만 구현하기 위해 필요한 것은 고급 필터입니다 (예 : (Brand1 or Brand2) AND Color1). 내 주요 문제는 수십 가지 브랜드와 수십 가지 색상 및 수십 가지의 다른 가능한 필터 범주를 가질 수 있으므로 ".Brand1.Color1, Brand2.Color1"과 같은 필터를 만들 때 모두 반복하여 많은 시간이 걸릴 수 있다는 것입니다.

동위 원소에 (Brand1 or Brand2) AND Color1과 같은 조건부 필터를 만드는 방법을 알고 계십니까? Foo 클래스 또는 클래스 줄을 가진

Answer 1

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

일치 요소, 클래스 foo는 및 클래스 줄을 가진

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

일치 요소,

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

갈 방법이 될 수 있습니다.

Answer 2

Isotope는 jQuery 객체를 필터로 사용합니다. 뷰 업데이트 할 동위 원소

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

및 전달할 : 당신이 처음 요소를이 조건 (Brand1 or Brand2) AND Color1, 필터를 적용 할 경우에 따라서

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

을 당신은