Jquery 如何将砌体应用于隐藏分区？

我正在使用jquery进行网格布局

<div id="container">
    <div class="item">[...]</div>
    <div class="item">[...]</div>
    <div class="item">[...]</div>
    <div class="item">[...]</div>
    <div class="item">
        <select id="selectorColors">
            <option value="red">Red</option>
            <option value="yellow">Yellow</option>
            <option value="blue">Blue</option>
        </select>
    </div>
    <div class="item">
        <div class="colors"></div>
    </div>
    <div class="item">[...]</div>
</div>
<script type="text/javascript">
    $('#container').masonry({
        itemSelector: '.item',
        columnWidth: 90
    });
</script>

我尝试使用以下方法重新加载项目：

$('div.colors').show().masonry('reload');

---

但是不起作用。我做错了什么？

不要隐藏div，而是尝试在div上使用

可见性：hidden

。

---

通过这种方式，砌体在重新加载时应该能够考虑这些div。

不要隐藏div，而是尝试在div上使用

可见性：hidden

。

---

通过这种方式，砌体在重新加载时应该能够将这些div考虑在内。

我知道这已经很旧了，但我遇到了一个类似的问题，我想在一个最初有显示的div中加载砌体：未设置。当我显示div时，砖石没有正确显示。我成功地用以下材料重新加载砖石：

$('#masonry').masonry();

---

所有的瓷砖都正确对齐。

我知道这很旧，但我遇到了一个类似的问题，我想在一个最初有显示的div中加载一个砖石：未设置。当我显示div时，砖石没有正确显示。我成功地用以下材料重新加载砖石：

$('#masonry').masonry();

---

所有的瓷砖都正确对齐。

文档说使用

.mashise（'reloadItems'）

而不是

.mashise（'reload'）我试过了，但没用。非常感谢。文档说要使用
.massy（'reloadItems'）
而不是
.massy（'reload'）我试过了，但没用。非常感谢。