Masonry js在chrome和safari现实不正确的问题

这几天在用bootstrap和masonry重写这个主题
在测试masonry的时候第二行在一开始就没法正确的显示,但是改变窗口的大小使每个单元重新排列以后发现又可以正确现实。
这个问题在Firefox就没有,只有webkit的浏览器才有这个问题。经过搜索终于找到了办法


var container = jQuery('.masonry-container');

jQuery(window).load(function() {
    container.masonry({
        columnWidth: '.masonry-item',
        itemSelector: '.masonry-item'
    });
});

方法很简单,就是把masonry的初始化函数放到.load里面,这样问题就迎刃而解了,但是我还是不太明白其中的原因。如果有高人可以告诉我一下真的是不胜感激!