Javascript 与砖石结构重叠的图像

我好像没法让它工作。试图让tumblr主题看起来好看，但由于某些原因，其他照片总是加载重叠的垂直照片集。我认为这是因为砌体还没有完成加载垂直照片集，因为它加载了下一个或其他东西。。。我一生都无法修复它（对jQuery没有太多经验），但我想学习，因此如果有人能帮我解决问题和/或为我指明正确的方向，我将不胜感激！我试着用谷歌搜索这个问题，我找到了一些答案，但由于某些原因，它们并没有真正帮助我，我仍然有这个问题。以下是我的主题：

<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>


<script type="text/javascript">

  $(window).load(function(){
    var $wall = $('#posts');
    $wall.imagesLoaded(function(){
      $wall.masonry({
        itemSelector: '#entry, #entry_photo',
        isAnimated : false
      });
    });

    $wall.infinitescroll({
      navSelector    : '#page-nav',  
      nextSelector   : '#page-nav a',
      itemSelector   : '#entry, #entry_photo',
      bufferPx       : 2000,
      debug          : false,
      errorCallback: function() {
        $('#infscr-loading').fadeOut('normal');  
      }},
      function( newElements ) {
        var $newElems = $( newElements );
                $newElems.hide();
        $newElems.imagesLoaded(function(){
          $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
        });
      }); $('#content').show(500);

  });



</script>

$（窗口）。加载（函数（）{
var$wall=$（“#posts”）；
$wall.imagesLoaded（函数（）{
$wall.Mashiness({
项目选择器：“#条目，#条目#照片”，
isAnimated:错
});
});
$wall.infinites卷({
导航选择器：“#页面导航”，
下一个选择器：“#页面导航a”，
项目选择器：“#条目，#条目#照片”，
bufferPx:2000，
调试：错误，
errorCallback:函数（）{
$（“#infscr加载”）.fadeOut（'normal'）；
}},
函数（新元素）{
var$newElems=$（新元素）；
$newElems.hide（）；
$newElems.imagesLoaded（函数（）{
$wall.mashise（'added'，$newElems，{isAnimated:false}，function（）{$newElems.fadeIn（'slow'）；}）；
});
})$（'content'）。show（500）；
});

---

最后看起来像。看到绿色的下面有一张红色的照片了吗

砌体和tumblr的原生照片集不能很好地协同工作。由于iFrame和砖石无法计算出高度并为它们留出足够的空间，因此这些照片集很难加载。

---

相反，您需要使用类似（）的内容。

也许您应该将您直接链接的图像放在您的问题中，因为在这里它不会消失，并且对于以后查看您的问题的人来说，如果链接断了，它将不会有帮助。