jQuery Masonryトップポジションが間違っています

Question

私は特定のページでjQuery Masonryと共に固定レイアウトのTwitterブートストラップを使用しています。

2番目の行から開始して、divの先頭の位置が誤って計算され、最初の行の要素を部分的にカバーしています。

要素を並べ替える前にスクリプトが終了するようです。

不思議なことに、Chromeでインスペクタを開いたり、ビューポートのサイズを少し変更したりすると、divが正しい位置にジャンプしています。

jQuery(document).ready(function(){ 
    jQuery('.span9').masonry({ 
     itemSelector: '.span3', 
     columnWidth: function(containerWidth) { 
     return containerWidth/3; 
     } 
    }); 
}); 

これは正常な動作です：？時々ページを更新すると、時々...

私の石工スクリプトはありません、助け上記のスクリプトにwindow.resizeを追加する必要がありますか？

ページ自体またはヘッダーにmasonryスクリプトを配置しても、フッターはその動作を変更しません。

私はmasonry.jsをjQueryの直後に、他のブートストラップjsの前に呼び出しています。

Answer 1

ただ、ここhttp://masonry.desandro.com/docs/help.html

をヘルプセクションを読んで、スクリプトは、すべての画像がロードされる前にウィンドウがresize`は石工を壊し `加えること、ありません

$(window).load(function(){ 
    $('#container').masonry({ 
    // options... 
    }); 
});