jquery - 如何将鼠标悬停在 jQuery UI 工具提示上而不丢失下面的 onHover 菜单

Question

我正在制作一个垂直菜单，它在悬停时被激活。您将鼠标悬停在左侧的菜单项上，大型菜单显示在右侧。从那里，我想将鼠标悬停在这些菜单项上，让 jQuery IU 工具提示显示下一级，例如 www.newegg.com。在所有产品下。

发生的事情是，当我将鼠标悬停在 jQuery UI 工具提示上时，下面的菜单消失了。我将如何阻止这种情况发生？

Answer 1

我认为您最好自己制作 javascript 来处理这个问题。使用 jquery 的 $(element).hover() 和 $(element).mouseout() 来完成这个。

当用户将鼠标悬停在菜单项上时，您可以为其指定某种选定类。然后你可以有一些 css 给 menu-item.selected > child-menu {display: block;}。

当用户离开子项时，您可以检查他们是否悬停在父级菜单项中，反之亦然。如果是，请从该特定菜单项中删除 selected 类。

编辑:确保为所有子菜单提供 display: none

的初始 css