1

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

有没有人遇到过这个？

这是我的同位素：

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

尽管在 Chrome、Safari 和 FF 上间歇性地发生，但它始终如一地发生。我所说的“间歇性”是指有时它在第一次加载，其他人在第三次或第四次，但最终总是会发生。

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

因此，非常感谢任何想法，包括任何会强制刷新以始终解决问题的技巧。

谢谢！

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

4

1 回答 1

1

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

$(window).load(function(){
    // Gallery Isotope
    $(function(){
        var $container = $('#gallery');
        $container.isotope({
        itemSelector: 'li',
            masonry : {
                columnWidth : 320
            }
        });
    });
});
于 2014-03-28T16:30:29.400 回答