同位素间歇性地在div上返回0px高度

Question

我的同位素布局在其容器上返回0px高度。刷新页面始终可以解决问题。

有没有人碰到这个？

这是我的同位素：

var $container = $('#Stream');
$container.imagesLoaded(function () {
    $container.isotope({
    itemSelector: '.stream-items',
    transformsEnabled: false
});

它始终在Chrome，Safari和FF上间歇性地发生。通过“间歇性地”，我的意思是有时它是在第一次加载，有些在第三次或第四次，但最终总是发生。

我在jQuery Mobile上运行并尝试加载各种选项（window.load，pageinit等），但无论如何都会发生。

所以，任何想法都非常受欢迎，包括任何会强制刷新的黑客攻击，总能解决问题。

谢谢！

更新：注意到调整窗口大小也会重置为0px高度。

Answer 1

看起来Isotope没有足够的时间来计算图像。 所以我改用window.load。是一种享受：

$(window).load(function(){
    // Gallery Isotope
    $(function(){
        var $container = $('#gallery');
        $container.isotope({
        itemSelector: 'li',
            masonry : {
                columnWidth : 320
            }
        });
    });
});