Jquery Isotope Checkbox фильтрация

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 в коде (отсутствует одинарная кавычка), а также в одном месте классика используется в качестве идентификатора, а в другом месте - в качестве класса. Просто хотел найти, если это не проблема. Попробуйте это.

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