Masonry JSプラグイン - Chrome/Firefoxの問題

Question

「Pinterst」ディスプレイを複製するためにMasonryプラグインを使用しようとしています。 Safariではすべてが表示されていますが、ChromeとFirefoxでは多くのことが混乱しているように見えます。私はこれを是正する方法を確信しています。以下は、jQuery Masonryプラグインコードの呼び出しに使用されるJavaScriptです。

ありがとうございました！

<script> 
    $("#container").imagesLoaded(function(){ 
    $('#container').masonry({ 
     itemSelector: '.item', 
     columnWidth: 240, 
     isFitWidth: true 
    }); 
    $("#container").infinitescroll({ 
     navSelector: "span.page a",    
     nextSelector: "span.next a",  
     itemSelector: '.item'   
     }, 
     // trigger Masonry as a callback 
     function(newElements) { 
     var $newElems = $(newElements);  
     $("#container").imagesLoaded(function(){ 
      $("#container").masonry('appended', $newElems) 
     }); 
     }); 
    }); 
</script> 

Answer 1

ネストされた方法でimagesLoadedにバインドしています。これは、イベントが既に開始されるまで、2番目の関数をバインドしていないことを意味します。