jQuery изотоп внутри вкладки / Accorion

Question

Я пытаюсь запустить изотопный элемент из 4 колонок внутри вкладки / аккордеона. Я обнаружил, что мне нужно будет использовать layout, чтобы заставить работать изотоп, когда элемент табуляции виден.

Итак, я попробовал это;

jQuery(function ($) {
    $('.tab_title').click(function(){
        $('.iso-container').isotope({
            itemSelector : '.iso-item',
            layoutMode:'masonry',
            masonry:{
                columnWidth: 300
            }       
        });

    });
});

Когда я нажимаю на вкладку (.tab_title), изотоп появляется, но в одном столбце, принимая всю ширину контейнера. Как я могу решить эту проблему?

Кстати, я тоже попробовал $('.iso-container').isotope('layout'). Это также показывает, что один элемент занимает всю ширину контейнера.

Answer 1

Я смог решить ее с помощью:

$('.iso-container').isotope( 'reloadItems' ).isotope( { sortBy: 'original-order' } );

Если в этом случае изображения накладываются друг на друга, используйте imagesLoaded .

var $grid = $('.iso-container').imagesLoaded( function() {
    $grid.isotope( 'reloadItems' ).isotope({ sortBy: 'original-order' });
});