Masonry を使用しています - HTML バージョン
私はdivを持っています:
<div id="container" class="js-masonry" data-masonry-options='{ "itemSelector": ".item"}'>
私は約10を持っています：
<div class="item">
<img src="<?php the_field('image'); ?>" alt="<?php the_title(); ?>">
<p></p>
<a style="text-decoration:underline;" class="link-port" href="<?php the_field('link'); ?>" target="_blank"><?php the_title();?></a>
<p></p>
</div>
問題は、ページが最初にロードされる (キャッシュされていない) ときに、最初のいくつかの項目が正常に表示されるが、ページのさらに下にある項目が互いの上に積み重なることです。フッターにも重なっています。ブラウザーを更新する (またはデバイスを回転させる) と、すべて正常に動作しますが、これは明らかに新しい訪問者にとって理想的ではありません.
JS はページの下部にありましたが、上部に移動しても同じでした。
誰もこれに遭遇したことがありますか？
どうもありがとう。