• Resolved zerge

    (@zerge)


    Is it possible to implement Isotope filters?

    I use this code, but when I clicked on the filter button, the masonry grid is disapeared.

               var $grid = $('.events-grid').isotope({
                    itemSelector: '.grid-item',
                    percentPosition: true,
                    layoutMode: 'masonry',
                    masonry: {
                        columnWidth: '.grid-sizer-new',
                        gutter: 20,
                    }
                });
    
                $grid.imagesLoaded().progress( function() {
                    $grid.isotope( 'reloadItems' );
                    $grid.isotope('layout');
                });
    
                $('.filter-button-group').on( 'click', 'button', function() {
                  var filterValue = $( this ).attr('data-filter');
                  $grid.isotope({ filter: filterValue });
                });
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Isotope filters’ is closed to new replies.