jackrabbit-d
10/18/2017 - 1:53 PM

Masonry: Isotope dropdown multidimensional filter

$grid.isotope('layout');

         filters = {};

          // // filter buttons
          $('.select-menu').change('select', function(){
            var $this = $(this);

            // store filter value in object
            // i.e. filters.color = 'red'
            var group = $this.attr('data-filter-group');

            filters[ group ] = $this.find(':selected').val();
            // console.log( $this.find(':selected') )
            // convert object into array
            var isoFilters = [];
            for ( var prop in filters ) {
              isoFilters.push( filters[ prop ] )
            }

            var selector = isoFilters.join('');
            $grid.isotope({ filter: selector });
            console.log('group is ' + group);
            console.log('This is filter: ' + filters);
            console.log('This is selector: ' + selector);
            return false;

          });