JQuery砌体&x2B；InfiniteScroll：新获取项目后的重叠问题

标题差不多就是这么说的。我有一个砖石图像布局，并希望动态加载与无限滚动新闻内容。Buch新项目再次放置在左上角

链接：

这是一个Wordpress安装，InfiniteScroll是一个插件，而圬工是硬编码的

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.masonry.min.js"></script>

<script>


  $(function(){

    var $container = $('#content');

    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.post'
      });
    });

    $container.infinitescroll({
      navSelector  : '.navigation',    // selector for the paged navigation 
      nextSelector : '.navigation .alignleft a',  // selector for the NEXT link (to page 2)
      itemSelector : '.post'
      },
      function( newElements ) {
        var $newElems = $( newElements ).css({ opacity: 0 });
        $newElems.imagesLoaded(function(){
          $newElems.animate({ opacity: 1 });
          $container.masonry( 'appended', $newElems, isAnimatedFromBottom ); 
        });
      }
    );

  });


</script>

我看不出来，你在哪里加载新的帖子（=图片）。你是什么意思？代码端还是在浏览器中？这里是一个屏幕截图：-你滚动到页面底部，他们加载。但是它们在已经加载的图像后面。我刚刚发现了原因：infinitescroll.js从未加载，所以
$container.infinitescroll
出错。它一直在加载，只是不在这里的代码中，因为它是一个Wordpress插件，添加了脚本本身。InfiniteScroll就像我说的那样工作，就像你在现场看到的那样。定位是错误的，第二次提取时，砖石的东西似乎不再工作，所以它只在一行中显示所有内容，定位在左上角。不，我实际上是说它没有加载到链接后面的页面上，您提供了：