1

jQueryアイソトープを使用しています。すべて問題ありませんが、フィルタリングに問題があります。複数のカテゴリを使用したいのですが、5つのチェックボックスがあり、同時に使用することはできません。私に何ができる?

$("#classic").click(function() {
    if($("#classic").is(":checked")) {
    $('#box').isotope({ filter: '.classic' });
    } else {
    $('#box').isotope({ filter: '' });
    }
});

私のアイテム=a、b、c、d、e、f、g、h

カテゴリ=x(a、b、e)y(c、h)z(d、f、g)

xとzのチェックボックスを選択すると、a、b、e、d、f、gのみが表示されます。

しかし、私はそれを行うことはできません。どのようにできるのか ?

4

2 に答える 2

4

チェックボックスフィルタリングの解決策は次のとおりです。http: //jsfiddle.net/3nY9V/6/

于 2012-08-03T08:10:23.967 に答える
2

コードにjsエラーがあり(一重引用符がありません)、ある場所ではクラシックがIDとして使用され、別の場所ではクラスとして使用されているようです。それが問題ではないかどうかを知りたかっただけです。これを試して。

function checkIsoTope(){
    var ids = [];
    $("#classic, #den, #wer").filter(":checked").each(function(){
      ids.push("." + this.id);
    });    
    $('#box').isotope({ filter: ids.join(',')});
}
$("#classic, #den, #wer, #allCheckboxId").click(checkIsoTope);
于 2011-08-10T00:25:22.290 に答える