javascript - Jquery同位素复选框过滤

Question

我正在使用 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

但我不能那样做。我能怎么做 ？

Answer 1

这是复选框过滤的解决方案：http: //jsfiddle.net/3nY9V/6/

Answer 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);