如何在进入另一个元素时停止mouseleave事件?

How do I stop a mouseleave event when entering another element?

本文关键字：mouseleave 事件 元素 另一个      更新时间：2023-09-26

当我将鼠标悬停在时间轴项目上并导航到下拉菜单时，mouseleave事件不会触发并且菜单将继续显示。只有在离开菜单和时间轴项目时，我才希望菜单不显示。

mouseenter和mouseleave事件设置在:

$(".trek_timeline_day .activity_link")

将时间轴和菜单放到一个div中，并为整个div注册事件。所以像这样:

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

然后:

$( '.wholediv'  ). etc.

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

如果您将.hover_infodiv放在.activity_link中(因此每个.activity_link中都有一个.hover_info)，那么当您进入.hover_infodiv时，mouseleave事件将不会被触发，因为它在.activity_link元素中。

相关文章：