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

Question

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

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

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

Answer 1

在这里找到了答案：

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

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

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

Answer 2

在同位素 V2 中，语法是

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

Answer 3

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

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

Answer 4

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

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

http://imagesloaded.desandro.com/

Answer 5

在同位素V3中

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