jquery isotope plugin 容器高度不会随 isotope-item 增长（与砌体相同）答案

【问题标题】：jquery isotope plugin container height will not grow with isotope-item (same with masonry)jquery isotope plugin 容器高度不会随 isotope-item 增长（与砌体相同）
【发布时间】：2012-09-28 22:55:58
【问题描述】：

我有一个同位素项目，当有人进入它时，它会变高。当它生长时，我如何告诉主要同位素容器与它一起生长？现在发生的事情是，随着同位素项目的增长，同位素容器保持其在调用 $(".home_main").isotope(); 时设置的初始高度。因此，当我将 cmets 留在同位素项目内时，项目会增长，然后被主容器切断。谢谢。

我看到你可以设置resizesContainer: true，但这对我没有帮助。谢谢。

不确定它是否有任何区别，但我也尝试过使用 Masonry jquery 插件（看起来很相似）并且遇到了同样的问题。

【问题讨论】：

标签： javascript jquery html jquery-masonry jquery-isotope

【解决方案1】：

在这里找到答案：

https://github.com/desandro/isotope/issues/275

你必须像这样调用重新布局：

$("#your_container").isotope( 'reLayout' )

【讨论】：

【解决方案2】：

在 Isotope V2 中，语法是

$("#your_container").isotope('layout')

【讨论】：

【解决方案3】：

在 Isotope PACKAGED v2.2.2 中，您还可以“重新排列/重新布局”您的容器：

    $(window).scroll(function(){
        $container.isotope( 'layout' );
    }

【讨论】：

【解决方案4】：

如果您使用最新的同位素（未指定版本，但您可以看到此评论的日期）阅读第一个链接并包含适当的几行并包含第二个链接中的库。

http://isotope.metafizzy.co/appendix.html

http://imagesloaded.desandro.com/

【讨论】：

【解决方案5】：

在同位素V3

$(window).on('load', function(){
    var $container = $('#your_container');
    $container.isotope({
        itemSelector: '.item'
    });
});

【讨论】：