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

标签 jquery css jquery-ui hover tooltip

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

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

最佳答案

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

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

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

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

的初始 css

关于jquery - 如何将鼠标悬停在 jQuery UI 工具提示上而不丢失下面的 onHover 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38981731/

相关文章:

jquery - 如何在 jQuery 日期选择器中添加禁用日期的工具提示?

javascript - jQuery UI 可排序 : Move clone but keep original

javascript - "Rewind"模糊输入()

javascript - 使用匿名函数包装的目的

javascript - 如何扩展样式对象

javascript - Jquery 删除属性在 IE 中不起作用

javascript - 自动完成 - 自定义渲染项目/菜单和项目选择问题

javascript - 使用 Django 提交时关闭 Bootstrap Modal

html - 是否可以在仅使用 html 和 css 播放动画后重定向到另一个网页?

jquery - 我们可以像 Excel 一样使用 colresizing 来调整列的大小吗?