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

Question

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

Я использую изотоп 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

но я не могу этого сделать. Как я могу сделать?

1

javascript jquery filter checkbox jquery-isotope

Источник

user884898 10 авг '11 в 00:08

2 ответа

Решение

Вот решение для фильтрации флажков: http://jsfiddle.net/3nY9V/6/

4

Источник

user1283761 03 авг '12 в 08:10

Другие вопросы по тегам javascript jquery filter checkbox jquery-isotope

user772055 10 авг '11 в 00:25 2011-08-10 00:25 · Accepted Answer · 2011-08-10 00:25

Похоже, у вас в коде ошибка 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);