砌體JS插件 - Chrome/Firefox問題

Question

我正在嘗試使用Masonry插件來複制'Pinterst'顯示。在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以嵌套的方式。這意味着在事件已經被觸發之前，你並沒有綁定第二個函數。