ページのレンダリングが遅いレンダリング

Question

私はこれを多く使っていて、たくさんのプロジェクトでMasonryを使用しました。私は困惑している。各ブリックで

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

このCSSを与えられた：私はに設定含む要素の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 
    });  

これが生じるはずですページがロードされた後のレンガの「シャッフル」はありませんが、何らかの理由ですべてがロードされるまで待ちますhenは、isFitWidthによって指示されるように、包含する要素に幅を適用します。ここではそれが動作していない

：だから、石積みが遅く実行するように引き起こしている何かがなければならない http://www.caviarcontent.com/los-angeles/

が、私はそれを把握することができませんでした： http://dev.massmarket.tv/work/all/

をここでは、同じ実装の作業ですでる。明らかにするには、画像がロードされる前にレンガが正しい場所に来るように、画像がロードされる前にレンダリングを実行します。

ありがとうございます！

$(window).load(function(){

});

：

Answer 1

あなたは、コードをラップしてみましたか？

Answer 2

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

それはあなたのケースのために働くかどうかわからない

..