Tabs jQuery同位素内部选项卡/会计科目

我正在尝试在选项卡/手风琴中运行一个4列项目。我发现当tab元素可见时，我需要使用

布局

，使同位素工作

所以我试过这个

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

    });
});

单击选项卡（.tab_title）时，同位素显示在一列中，占据整个容器的宽度。我怎样才能解决这个问题

---

更重要的是，我也尝试了

$（'.isocontainer'）。同位素（'layout'）

。这还显示了一个项目占用了容器的整个宽度。

我可以使用以下方法解决它：

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

如果在这种情况下，图像相互重叠，请使用

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