Joining mehrere Kontrollkästchen Filter innerhalb Isotope.js

Question

Ich habe einen Filter Suche Arbeits, die 2 Kategorie Filter hat:

1. Kategorie

2. Unternehmensart

Die Filtertasten eingebaut sind Verwenden Sie das Kontrollkästchen Hack, so dass ich mehrere gleichzeitig auswählen kann. Mein Problem ist, wenn ich 2 aus dem oberen (Kategorie) Abschnitt auswähle, wird es filtern. Ie: Landing Pages/Blogs Aber wenn ich 1 von oben und 1 von unten wählen (zB: Blogs/B2B)

Es wird alle B2B-Optionen und nicht nur die Blogs ziehen. Ich glaube mein Problem passiert, wo ich die Filter in Isotope.JS beitrete.

Hier ist meine fiddle mit einem Arbeitsbeispiel von mir

und meine JS-Funktion ist:

$(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

Der Filter ist wie ein jQuery oder CSS-Syntax. .blog, .b2b bedeutet "Elemente mit Klassenblog ODER b2b". Sie suchen .blog.b2b

Also in Ihrem Code var joinFilters = filters.join(''); statt var joinFilters = filters.join(', ');