Jquery同位素复选框过滤

Jquery Isotope Checkbox filtering

本文关键字：过滤 复选框 同位素 Jquery      更新时间：2023-09-26

我使用jQuery同位素。一切都很好，但我有问题的过滤。我想使用多个类别，我有5个复选框，我不能同时使用它们。我能做什么?

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

例子

my items = a,b,c,d,e,f,g,h

categories = x (a,b,e) y (c,h) z(d,f,g)

现在如果我选择x和z复选框它只显示a b e d f g

但是我不能那样做。

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

看起来你在代码中有一个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);
相关文章：