怎么让div无法盘旋？

Question

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

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

Answer 1

我认为问题的核心在于JQuery中的mouseenter / mouseover和mouseleave / mouseout事件之间存在差异。 看起来你使用不会冒泡的mouseenter，如果光标指向一个元素，该元素位于你已经绑定了处理程序的元素之上。如果我是对的，请尝试用mouseover事件替换mouseenter。与mouseleave / mouseout对相同。 这里有详细说明： http://api.jquery.com/mouseenter/

Answer 2

你必须使用冒泡事件：

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