我正在制作一个垂直菜单,它在悬停时被激活。您将鼠标悬停在左侧的菜单项上,大型菜单显示在右侧。从那里,我想将鼠标悬停在这些菜单项上,让 jQuery IU 工具提示显示下一级,例如 www.newegg.com。在所有产品下。
发生的事情是,当我将鼠标悬停在 jQuery UI 工具提示上时,下面的菜单消失了。我将如何阻止这种情况发生?
最佳答案
我认为您最好自己制作 javascript 来处理这个问题。
使用 jquery 的 $(element).hover()
和 $(element).mouseout()
来完成这个。
当用户将鼠标悬停在菜单项上时,您可以为其指定某种选定类。然后你可以有一些 css 给 menu-item.selected > child-menu {display: block;}
。
当用户离开子项时,您可以检查他们是否悬停在父级菜单项中,反之亦然。如果是,请从该特定菜单项中删除 selected
类。
编辑:确保为所有子菜单提供 display: none
关于jquery - 如何将鼠标悬停在 jQuery UI 工具提示上而不丢失下面的 onHover 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38981731/