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）？

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

更新：看起来这实际上是诀窍，但不确定它实际上有多高效： 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 });
}

Answer 1

就组合同位素过滤器而言，

isoSelective可能就是你所期待的。

jQuery同位素过滤多种类型和类别

1 个答案: