Javascript 砌体JS插件-Chrome/Firefox问题

我正在尝试使用砌体插件复制“Pinterst”显示。在Safari中，一切都显示得很好，但在Chrome和Firefox中，事情往往显得一团糟。我不确定如何解决这个问题。下面是用于调用jQuery插件代码的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>

$（“#容器”）.imagesLoaded（函数（）{
$（“#容器”）。砌体({
itemSelector:“.item”，
列宽：240，
isFitWidth:正确
});
$（“#容器”）.无限滚动({
导航选择器：“span.page a”，
下一个选择器：“span.next a”，
itemSelector:“.item”
},
//触发器作为回调
函数（新元素）{
var$newElems=$（新元素）；
$（“#容器”）.imagesLoaded（函数（）{
$（“#容器”）。砖石（‘附加’，$newElems）
});
});
});

您正在以嵌套方式绑定图像。这意味着在事件已经触发之前，您不会绑定第二个函数。

可以在furnishlyst.com上查看实际站点