Question

我最近在很多墙上碰到了我的头，我找不到任何有效的答案（即使是this solution，我可能也听不懂）。

我在div上使用砌体（class =“box”），我正试图将这些div放入bootstrap标签。

问题是：重新加载不能正常工作，留下间隙并且像最后一个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/ 检查它的代码。

Bootstrap标签+ Jquery Masonry

1 个答案: