Bootstrap tabs + Jquery Masonry

Question

我最近一直在撞很多墙，我找不到任何可行的答案（即使有这个我可能不理解的解决方案）。

我在div（class="box"） 上使用砖石，我正在尝试将这些div 放入引导选项卡中。

问题是：重新加载效果不佳，留下间隙并表现得好像最后一个div 没有被清除。

我试过这个：

$('a[data-toggle="tab"]').on('shown', function (e) {
            $('#content').masonry( 'reload' );
        });

但这当然是行不通的。请帮忙

Answer 1

$('a[data-toggle=tab]').on('shown.bs.tab', function (e) {
    $(window).trigger("resize");
});
$(window).resize(function(){
    $this = $('#content');
    $coloumn = $this.width() / 4;
    $this.masonry({ columnWidth: $coloumn, gutter: 0, itemSelector: '.content_block_row_wrap' });               
}); 

我用类似的代码修复了类似的问题。现场演示：http://shop.theme.firmasite.com/premium-features/检查其代码。