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 に答える