如何在输入另一个元素时停止mouseleave事件？

Question

如何将其设置为当我将鼠标悬停在其中一个时间轴项目上并导航到下拉菜单时，鼠标移动事件将不会触发，菜单将继续显示。只有当离开菜单和时间线项目时，我才希望菜单不显示。

设置了mouseenter和mouseleave事件：

$(".trek_timeline_day .activity_link") 

Answer 1

将时间轴和菜单放入一个div并注册整个div的事件。所以像这样：

<div class="wholediv">
    <div class="timeline">...</div>
    <div class="menu">...</div>
</div>

然后：

$( '.wholediv'  ). etc.

Answer 2

我建议实现某种形式的jQuery Menu Aim，类似于Ben Kaman的Amazonish智能菜单 - http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

Answer 3

如果您将.hover_info div放在.activity_link内（每个.hover_info内有一个.activity_link），mouseleave事件就不会被触发当你输入.hover_info div时，因为它在.activity_link元素内。