Jquery 砌体重叠问题

我试图在我的博客文章中使用David DeSandro的砖石结构，我有一个容器重叠的问题。只要我重新调整浏览器窗口的大小，一切正常：

<!--The code I placed in my template head section:-->
<script src='http://desandro.github.io/imagesloaded/imagesloaded.pkgd.min.js'/>
<script src='http://masonry.desandro.com/masonry.pkgd.min.js'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script>
$(document).ready(function(){
    var $container = $(&#39;AJcontainer&#39;);
        $container.imagesLoaded( function() {
        $container.masonry({
            itemSelector: &#39;AJpost&#39;,
            });
    });
    });
</script>
</b:if>



<!--The code in my posts:-->
<div class="js-masonry" id="AJpost">
<div class="AJcontainer"><a href="*.jpg">
<img src="*.jpg" />
<div class="AJsumm">(...)</div></a>
</div>

$（文档）.ready（函数（）{
var$container=$（'；AJcontainer'；）；
$container.imagesLoaded（函数（）{
$container.com({
项目选择器：'；AJpost'；，
});
});
});

在过去几天中，我一直在寻找解决方案，但没有成功：

图像加载

似乎不起作用，

（窗口）。加载

而不是

（文档）。就绪

也不起作用

这是正在进行的工作网站：

---

任何帮助都将不胜感激

JQuery语法可能有问题，请尝试以下操作：

$(window).load(function(){
    var $container = $('#AJpost');
    $container.imagesLoaded( function() {
        $container.masonry({
            itemSelector: '.AJcontainer'
        });
    });
});

在不添加图像的情况下进行尝试：

$(window).load(function() {  
    var $container = $('#AJpost');
    $container.masonry({
        itemSelector: '.AJcontainer'
    });
}); 

---

您可以尝试在MasonryThank You JeromeM之前加载JQuery库，它仍然不起作用，尽管您很欢迎，它在Chrome和Firefox上运行良好，但在Safari上不起作用。另外，在masonry之后加载imagesloaded脚本。谢谢Jerome，不幸的是仍然没有成功。是否有一种简单的方法来检查所添加的图像是否正常工作（即显示弹出窗口？或类似）以及。。。不使用imagesLoaded的结果是什么？这正是我正在测试的-我删除了imagesLoaded，结果是相同的-所以我想这一定是imagesLoaded不能正常工作的问题？知道为什么会这样吗？我很高兴能帮上忙。这对我来说也很有效。我从第一次调用中删除了初始imagesLoaded，但在最后一次无限滚动回调中重新初始化了imagesLoaded。