Javascript 砌体布局以0px高度加载

我正在尝试将图像加载到一个简单的massy.js布局中，首先加载图像，看起来massy正在将height:0px应用于网格和网格项。知道为什么会这样吗？这是我正在使用的js和一个代码笔

JS

---

如果检查中的HTML，您会注意到img总是被包装在一个div中。只需用div包围您的img即可

<div class="js-grid">
    <div class="js-masonry">
        <img src="http://www.placecage.com/200/600" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/400/200" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/100/200" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/200/200" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/200/300" alt="">
   </div>
</div>

---

请参阅。

您的代码笔在Chrome和Firefox中都为我显示了“加载…”。这太奇怪了……请尝试此链接？从技术上讲，你不会“看到”任何东西。但它也不应该说加载。

<div class="js-grid">
    <div class="js-masonry">
        <img src="http://www.placecage.com/200/600" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/400/200" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/100/200" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/200/200" alt="">
    </div>
    <div class="js-masonry">
        <img src="http://www.placecage.com/200/300" alt="">
   </div>
</div>