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