砌体JS插件 - Chrome / Firefox 问题

Masonry JS plug-in - Chrome / Firefox issues

本文关键字：Firefox 问题 Chrome JS 插件 砌体      更新时间：2023-09-26

我正在尝试使用砌体插件来复制"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>

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

相关文章：