砌体JS堆叠问题只在初始页面加载

Question

我读过这么多帖子，但没有任何工作！这里是发生了什么事的快速.gif注意 - http://benadelt.com/tweet-grid.gif

我使用的砌体和加载像这样的脚本：

$(window).load(function() { 
    var container = document.querySelector('.masonry'); 
    var msnry = new Masonry(container, { 
     // options 
     columnWidth: '.item', 
     itemSelector: '.item', 
     transitionDuration: '0.2s' 
    }); 
    }); 

我使用的是在多个页面上的多个元素的.item类Masonrize各种网格，他们都很好地工作，除了一个在我试图创建嵌入式微博（引导）的网格：

<div class="container"> 
    <div class="masonry"> 
    <div class="row"> 
     <div class="item col-lg-3 col-md-4 col-sm-6 col-xs-12"> 
     <div class="tweet-box"> 
      <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p><a href="https://twitter.com/geofeedia">@geofeedia</a> can't wait for the ability to do geo-fenced and hashtag/keyword searches in geofeedia ... get it to us quick ! <a href="https://twitter.com/search?q=%23smem&src=hash">#smem</a></p>— Patrice Cloutier (@patricecloutier) <a href="https://twitter.com/patricecloutier/statuses/368417800307499008">August 16, 2013</a> </blockquote> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

虽然砌筑工作网格上，在初始加载它不能正常间隔。直到我调用窗口加载而不是doc准备好之前，我的其他网格才发生这种情况。

下面是的工作完全一样的标记网格的一个.gif，除了网格内是文本，而不是嵌入的鸣叫：http://benadelt.com/other-grid.gif

想法？

Answer 1

我已经为别人解决了这个问题。看看这个链接 -

How do I get a script to load before masonry?