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