jquery - 如何使div无法悬停？

Question

我有一个导航菜单，如果您将鼠标悬停在任何链接项目上，则会出现一个与菜单略微重叠的动画箭头。

问题是，如果您将鼠标悬停在菜单上方的箭头部分，菜单的悬停状态就会消失。当您将鼠标悬停在箭头上时，如何将其更改为菜单的悬停状态保持活动状态？

Answer 1

我认为问题的核心在于 JQuery 中 mouseenter/mouseover 和 mouseleave/mouseout 事件之间的区别。如果光标指向您已绑定处理程序的元素上方的某个元素，则看起来您使用的 mouseenter 不会冒泡。如果我是对的，请尝试将 mouseenter 替换为 mouseover 事件。mouseleave/mouseout 对也是如此。这里有详细说明：http: //api.jquery.com/mouseenter/

Answer 2

您必须像这样使用冒泡事件：

$('#mymenu').mouseenter(function(){...})
            .mouseleave(function(){...});