jquery - 如何在不再触发其悬停事件时隐藏此导航菜单?

标签 jquery html css

我有一个小的导航菜单,它会在调用其悬停事件时打开。当我在菜单中选择一个元素时,它的当前元素变为所选元素并且菜单消失。到目前为止,一切都很好。现在我想要实现的是,当我不选择任何元素并且我只是将鼠标移动到其他地方时,菜单也会消失。我在 jsFiddle 上做了一个例子:See here

我已经尝试过 blur(),首先它不起作用,其次我希望菜单在悬停消失时消失,而不是在有人点击某处后消失别的。谢谢。

最佳答案

在这里,我重写了它以按预期方式工作...

.live() 在 1.7 中被弃用,应该使用 .on() 来支持这一点。但是,.on() 中的回调不支持悬停,因此我们在链中使用 mouseover 和 mouseout 事件来复制与回调函数相同的想法。

此外,移动元素并添加一个跨度来处理我们的“文本”更新。

Here's the jSfiddle. Note changes in all AREAS: CSS, HTML & jQuery

关于jquery - 如何在不再触发其悬停事件时隐藏此导航菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11829727/

相关文章:

javascript - 将参数传递给 jquery 中的事件处理程序

android - 在 NativeScript for Android 中使用边框

html - 制作一个带有内联按钮的div

html - 为动态内容扩展祖父 div 的高度

css - 如何使用 CSS 调整绝对定位图像的大小?

jquery - 动画不透明度,插入 html,动画不透明度

javascript - jQuery 点击事件为空

JavaScript 抛出 "is undefined"错误

html - 固定div的CSS水平居中?

javascript - Select2 仅显示列表中的最后一个标签