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

标签 jquery-masonry

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

我有几个问题。

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

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

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

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

谢谢

最佳答案

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

关于jquery-masonry - 我在下拉菜单中使用 jquery-masonry 时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7689147/

相关文章:

javascript - 附加同位素破坏了剩余的 jQuery

javascript - 砌体布局的CSS对齐

html - 将 Masonry 与 Bootstrap Columns 一起使用时的包装问题

javascript - 同位素中的居中元素

jquery - 从 jQuery 脚本中的 TOP 和 LEFT 值中减去像素

jquery,css,图像网格布局与砌体

jquery - 显示 'loading' 直到所有图像均已加载且 jquery Masonry 触发

javascript - 未捕获的类型错误 : Cannot read property 'transitionDuration' of undefined

jQuery Masonry 不正确的格式化结果

jquery - PJAX/Masonry 在 Firefox 中失败