jQuery同位素篩選多種類型和類別

Question

我想弄清楚如何爲jQuery Isotope插件構造過濾器選擇器。

我們將使用它的日曆/調度，人們可以在5種不同的事件類型過濾（如教育，計劃，比賽）和4個不同的事件類別（如國家，你的部分，各個部分，並贊助商）。默認情況下，所有5種類型都處於打開狀態，並且默認情況下全國和您的部分活動都處

所以我需要編寫一個選擇器，其中包含AND和OR。不知道該怎麼做。 .type1.cat1只能用於1.那麼我該怎麼做 （.type1 OR type2 OR type3 OR type4 OR type5）AND（cat1 OR cat2 or cat3 or cat 4）？

因此，如果他們關閉國家我只會看到節的事件，但如果所有類型都打開，那麼它將是所有類型的節事件。

UPDATE： 貌似這實際上做的伎倆，雖然不知道它實際上是如何高效： 功能filterTypes（）{VAR types_selected = 「」;

$("#categories .btn_cats:checked").each(function(i,v){ 
     $("#types .btn_types:checked").each(function(j,w){ 
      if (types_selected != ""){ 
       types_selected += ", "; 
      } 
      types_selected += $(v).attr("data-filter") + $(w).attr("data-filter"); 
     }); 
    }); 

    console.log(types_selected); 
    $("#schedule_ul").isotope({ filter: types_selected }); 
} 

Answer 1

isoSelective可能是你在找什麼，只要結合同位素過濾器。