jquery-masonry - 我在下拉菜单中使用 jquery-masonry 时遇到问题

Question

我想在下拉菜单中使用 jquery masonry，在复杂的下拉菜单中组织动态菜单项 block (图像和文本)。

我有几个问题。

首先，如果我从 display:none 开始，那么 masonry 不会进行任何位置计算。由于我使用带有下拉菜单的砌体，因此我无法打开下拉菜单可见的页面。

其次，菜单容器必须是 position:absolute 以便下拉菜单在后续页面上打开并且不会下推菜单下方的文本。 Masonry 将页面的其余部分向下推。

第三，对于 IE 8 和 9(还没有尝试过 7)，当我隐藏和显示下拉菜单时，项目 block 开始时是无组织的，然后立即切换到有组织的砖石布局。这是我不理解也无法摆脱的每一次隐藏和展示的闪光。

有人在下拉菜单中成功使用过 jquery masonry 吗？

谢谢

Answer 1

根据第一个问题，只需使用 visibility:hidden 并在悬停事件中使用 visibility: visible 而不是 display:none & 显示: block 。