3

我怎样才能做到这一点，当我将鼠标悬停在我的时间线项目之一并导航到下拉菜单时，mouseleave 事件将不会触发并且菜单将继续显示。只有在离开菜单和时间线项目时，我才希望菜单不显示。

mouseenter 和 mouseleave 事件设置为：

$(".trek_timeline_day .activity_link")
4

3 回答 3

1

Put the timeline and the menu into one div and register the events for the whole div. So something like this:

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

and then:

$( '.wholediv'  ). etc.
于 2013-05-29T20:05:26.720 回答
1

I would recommend implementing some form of jQuery Menu Aim, similar to Ben Kaman's Amazonish smart menu - http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

于 2013-05-29T20:05:27.813 回答
1

如果你把.hover_infodiv 放在里面.activity_link（所以.hover_info每个里面都有一个.activity_link），当你进入div时，mouseleave事件不会被触发，因为它在元素里面。.hover_info.activity_link

于 2013-05-29T20:06:03.527 回答