jquery页面加载时的砌石边沟宽度

当现场装载时，砌体箱首先布置在左侧(http://herrfischerhamburg.de/re/)，1或2秒后，它们以正确的槽宽排列。你知道如何使它们直接在页面加载时以正确的边距宽度排列吗

function init_masonry(){
var $container = $('.content');
var gutter = 12;
var min_width = 250;
$container.imagesLoaded( function(){
    $container.masonry({
        itemSelector : '.box',
        gutterWidth: gutter,
        isAnimated: true,
          columnWidth: function( containerWidth ) {
            var num_of_boxes = (containerWidth/min_width | 0);
            var box_width = (((containerWidth - (num_of_boxes-1)*gutter)/num_of_boxes) | 0) ;
            if (containerWidth < min_width) {
                box_width = containerWidth;
            }
            $('.box').width(box_width);
            return box_width;
          }
    });
});

函数初始化{
var$container=$（'.content'）；
var=12；
var min_width=250；
$container.imagesLoaded（函数（）{
$container.com({
itemSelector:“.box”，
排水沟宽度：排水沟，
是的，
columnWidth:函数（containerWidth）{
箱数=（集装箱宽度/最小宽度| 0）；
变量箱宽=（（集装箱箱宽-（箱数-1）*边沟）/箱数）| 0）；
if（集装箱宽度<最小宽度）{
箱宽=集装箱宽度；
}
$（'.box'）。宽度（方框宽度）；
返回框的宽度；
}
});
});

---

}您可能遗漏了最重要的一点

调用init_massy（）的是什么，您还可以在随附的plugin.imagesLoaded（）中包装

$container.massy（）

ImagesLoaded

，是一个插件，只有在所有图像完全加载后才会启动。砌体之所以这样做是因为它不确定每一块砖应该有多大。您可以采取的一种方法是在每个图像上设置一个高度和宽度（无论如何，您都应该这样做），然后不要使用标记的图像。这样，您就不应该得到砌体初始化和放置之间的延迟

另外，是否需要将

isAnimated

设置为true。这可能会增加延迟，因为我认为默认情况下延迟为750