0

我试图弄清楚如何为 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)？

因此，如果他们关闭全国，我只会看到部分事件，但如果所有类型都打开，那么它将是所有类型的部分事件。

更新：看起来这确实起到了作用，但不确定它的实际效率如何：function 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 });
}
4

1 回答 1

0

就组合同位素过滤器而言， isoSelective可能是您正在寻找的。

于 2013-12-29T20:16:36.380 回答