CODEWITHSUNDEEP
javascriptmultiple-columnsjquery-isotope
BM. Al-Amin
BM. Al-Amin

Reputation: 1

Not maintane gap one to other perfectly

isotop js no working properly it stay one over one. Not maintain gap perfectly how can i solve? Can anyone have any idea?

$('.masonary-wrapper-activation').imagesLoaded(function () {
                // filter items on button click
                $('.messonry-button').on('click', 'button', function () {
                    var filterValue = $(this).attr('data-filter');
                    $(this).siblings('.is-checked').removeClass('is-checked');
                    $(this).addClass('is-checked');
                    $grid.isotope({
                        filter: filterValue
                    });
                });

                // init Isotope
                var $grid = $('.mesonry-list').isotope({
                    percentPosition: true,
                    transitionDuration: '0.7s',
                    layoutMode: 'masonry',
                    masonry: {
                        columnWidth: '.resizer',
                    }
                });
            });

Not maintain gap one to other perfectly how can i solve? Can anyone have any idea?

Upvotes: 0

Views: 20

Answers (0)

Related Questions