html - 试图将同位素添加到网格库，但它隐藏了每个项目

Question

所以我有一个项目库，它基本上是一个 div 网格。当我向它添加同位素时，只需初始化它就会隐藏每个项目。这是我画廊的基本布局。

 <div class="items">
            <div class="item react">
                <div class="item-image">
                    <img src="img/items/item1.png" alt="">
                </div>
                <div class="item-text">
                    <div class="item-text-wrap">
                        <p class="item-text-category">Design1</p>
                        <h2 class="item-text-title">Item Title 1</h2>
                        <a href="index.html"><i class="fab fa-twitter" href="index.html"></i></a>
                    </div>
                </div>
            </div></div>

现在不添加同位素一切正常。但是，当我用

$(".items").isotope({
            itemSelector: '.item'

        });

经检查，整个画廊部分都消失了。我看到同位素类型的作品（是的，我包括 jquery 和脚本并检查它们是否加载），但它所做的是将网格容器位置设置为相对高度为 0px，并且其中的每个项目都是绝对位置，左侧为 0 , top 0. 我该如何解决这个问题？><

标签： htmlcssjquery-isotope