我有一个小的导航菜单,它会在调用其悬停事件时打开。当我在菜单中选择一个元素时,它的当前元素变为所选元素并且菜单消失。到目前为止,一切都很好。现在我想要实现的是,当我不选择任何元素并且我只是将鼠标移动到其他地方时,菜单也会消失。我在 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/