Jquery masonry 砌体重叠图像-尝试所有教程，但不尝试任何内容

我有：

<div id="container" class="masonry js-masonry">



            <div class="item">
                <a href="example.com7images/imageFullsize.jpg"><img width="128" alt="image.jpg" class="image" src="small/thumb_Jennifer_Aniston-wallpaper.jpg"></a>                   
            </div>

            <div class="item">
                <a href="example.com7images/imageFullsize.jpg"><img width="128" alt="image.jpg" class="image" src="small/thumb_Jennifer_Aniston-wallpaper.jpg"></a>                   
            </div>

    </div>

以及：

var container=document.querySelector（“#container”）；
var-msnry；
//加载所有图像后初始化砌体
imagesLoaded（容器，函数（）{
msnry=新砌体（容器）；
});

砖石工程如预期，但图像重叠。我重新打开浏览器后，它们以正确的方式显示

---

怎么了？我该怎么做？

找到了答案：$（窗口）.load（函数（）{$（函数（）{var$container=$（'#container'）；$container.imagesLoaded（函数（）{$container.massiness（{itemSelector:'.item'，}）；}）；}）；但是imagesLoaded在我的第二个div容器上不起作用（我添加了具有相同内容的第二个div容器）。任何帮助都将被感激。问题解决了。完整解决方案-html和脚本：工作示例：

         <script src="js/masonry.pkgd.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript">
var container = document.querySelector('#container');
var msnry;
// initialize Masonry after all images have loaded
imagesLoaded( container, function() {
  msnry = new Masonry( container );
});
</script>