Объединение несколько Чекбоксов фильтров в пределах Isotope.js

Question

У меня есть фильтр поиск работа, которая имеет 2 категории фильтров:

1. Категория

2. Бизнес Тип

Кнопки фильтра встроена используя взломанный флажок, чтобы я мог выбирать несколько одновременно. Моя проблема в том, что если я выберу 2 из верхней части (категории), она будет фильтроваться. Т.е.: Посадочные страницы/Блоги Но если я выбираю 1 сверху и 1 снизу (то есть: Блоги/В2В)

Он вытащит все варианты B2B, а не только блоги. Я считаю, что моя проблема происходит, когда я присоединяюсь к фильтрам в Isotope.JS.

Вот мой fiddle с рабочим примере шахты

и моя функция JS является:

$(function(){ 

    var $container = $('.examples-container').isotope({ 
    itemSelector: '.example' 
    }); 

    var $checkboxes = $('.filter-buttons label input'); 
    $checkboxes.change(function(){ 
    var filters = []; 
    // get checked checkboxes values 
    $checkboxes.filter(':checked').each(function(){ 
     filters.push(this.value); 
    }); 
    // ['.red', '.blue'] -> '.red, .blue' 
    var joinFilters = filters.join(', '); 
    $container.isotope({ filter: joinFilters }); 
    }); 


}); 

Answer 1

Фильтр, как JQuery или синтаксис CSS. .blog, .b2b означает «предметы с блочным блоком OR b2b». Вы ищете .blog.b2b

Таким образом, в вашем коде var joinFilters = filters.join(''); вместо var joinFilters = filters.join(', ');