砌体网格在负载上崩溃

Question

砌体网格有效，但这些图像彼此倒闭，无法正确加载。

我们无法使用jQuery或js脚本标签使它工作，因此我们添加了HTML方式

<h2>Recent Resin Bound Driveway Installations</h2>
        <div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 200 }'>
        <div class="grid-item">
            <img src="img/resindriveway1.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/product-resin-bound2.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
           <img src="img/resin-1.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin4.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin5.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin1.jpg" alt="Resin Bound Driveway"></a>
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin-new1.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin-new4.jpg" alt="Resin Bound Driveway"></a>
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin-new2.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin3.jpg" alt="Resin Bound Driveway"></a>
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin-new5.jpg" alt="Resin Bound Driveway"></a>
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin2.jpg" alt="Resin Bound Driveway"></a>
        </div><!--ends four-->
        <div class="grid-item">
            <img src="img/resin8.jpg" alt="Resin Bound Driveway">
        </div><!--ends four-->
      </div>

将砌体脚本文件加载到头部，但没有区别，就像加载在页脚中时仍然破裂。

Answer 1

，因为我没有足够的业力来发表评论：

您是否正在使用提供的"图像"功能的砌体？这将等待所有图像加载，然后再应用砌体