jquery同位素插件容器高度不会随同位素项目增长(与砖石相同)

时间:2012-09-28 22:55:58

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

我有一个同位素项目,当有人在里面评论时它会增长。当它生长时,我如何告诉主同位素容器随之生长?现在正在发生的事情是,随着同位素项的增长,同位素容器保持它在调用$(“。home_main”)时设置的初始高度。同位素();因此,当我在同位素项中留下注释时,项目会增长,然后被主容器切断。感谢。

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

不确定它是否有任何区别,但我也尝试使用Masonry jquery插件(看起来非常相似)并且遇到了同样的问题。

5 个答案:

答案 0 :(得分:8)

在这里找到答案:

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

你必须像这样召唤重播:

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

答案 1 :(得分:5)

在Isotope V2中语法是

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

答案 2 :(得分:1)

在Isotope PACKAGED v2.2.2中,您还可以重新安排/重新布局'你的容器:

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

答案 3 :(得分:0)

如果您使用最新的同位素(未指定版本,但您可以看到此评论的日期),请阅读第一个链接并包含相应的几行,并包含第二个链接中的库。

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

http://imagesloaded.desandro.com/

答案 4 :(得分:0)

在同位素 V3

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