jQuery同位素在tabaccorion中的应用

Question

我试图在一个tabaccordion内运行一个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' } );

如果图片相互重叠，就用"... ... 图片加载.

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