Masonry 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。这意味着在事件被触发之前，您不会绑定第二个函数。