jquery - 菜单和子菜单悬停之间的差距

Question

我正在处理带有子菜单的水平菜单。我在菜单上使用了 jQuery 来启用下拉功能，目前它运行良好。

但是，由于设计原因，水平菜单和垂直子菜单之间存在小的差距。因此，当您将鼠标悬停在子菜单上时，您将悬停在外面，这会导致子菜单在逻辑上消失。

但是，我需要保留该子菜单。有任何想法吗？

自己检查一下@ [已删除 url。已经提供的解决方案]

提前谢谢了。

score 3 · Accepted Answer

在 CSS 中

改变

#Menu ul ul {
    display: none;
    position: absolute;
    top: 40px;
}

到

#Menu ul ul {
        display: none;
        position: absolute;
        padding-top: 40px;
    }

score 2 · Accepted Answer

假设中间的间隙是一种设计选择，请使用hoverIntent插件，这样一旦鼠标离开菜单，菜单就不会被告知消失。取而代之的是，用户可以在菜单消失之前离开指定数量的回旋时间。

您还有动画队列问题。为了防止它使用这种技术。

score 0 · Accepted Answer

您可以使用 margin 或 padding 在 css 中添加间隙。

无论如何，这是一个很好的链接，您可以制作菜单：

3 回答 3