Masonry run在页面渲染中延迟

Question

我已经在这方面玩了很多，并在许多项目中使用了Masonry。我被难住了。

我将包含元素CSS设置为：

#content.video-grid {
    margin: 0 auto;
    overflow: hidden;
}

每一块积木都有这样的CSS：

.grid-block {
    float: left;
    height: 220px;
    width: 240px;
    overflow: hidden;
    padding: 0 0 20px 0;
}

石工的名字是这样的：

    jQuery('#content.video-grid').masonry({
        itemSelector : '.grid-block',
        columnWidth : 240,
        isAnimated: true,
        isFitWidth: true,
        gutterWidth: 2
    });    

这应该会导致页面加载后不会“混洗”砖块，但由于某种原因，它会一直等到所有内容都加载完毕，然后按照isFitWidth的指示将宽度应用于包含元素。

在这里它不起作用：http://dev.massmarket.tv/work/all/

下面是相同的实现：http://www.caviarcontent.com/los-angeles/

因此，一定有什么原因导致了Masonry的延迟，但我一直无法找出原因。为了清楚起见，我希望Masonry在加载图像之前运行，以便在加载图像之前砖块位于正确的位置。

谢谢!

Answer 1

你有没有试着把代码包装在：

$(window).load(function(){

});

Answer 2

$('img').load(function(){
    $('#container').masonry();
});

不确定它是否适用于你的情况..