触发jQuery's hover()在锚上显示包含列表中的下拉列表

Trigger jQuery's hover() over anchor to show drop-downs within containing LIs?

本文关键字：显示 包含 列表 下拉列表 jQuery hover 触发      更新时间：2023-09-26

我有一个水平导航栏，它是一个带锚标记的无序列表。它目前使用jQuery的hover (mouseover和mouseout)在每个LI中显示下拉导航。

我怎么能使它，而不是触发下拉菜单时悬停在LI它将触发鼠标在锚标记?当我将其更改为锚点时，下拉框在鼠标滑到它上面时总是消失，但是当我将LI设置为hover()的目标时，它会正常工作(我猜是因为所有的下拉代码都包装在LI中，所以光标仍然悬停在LI上)。

由于设计原因，我需要这样设置，所以没有办法改变它。我需要悬停()被触发只是从锚，而不是LI。

您可以通过锚的悬停代码更改LI的类。当你移出LI的时候把它改回来

你的问题，如果我理解正确，是下拉菜单关闭之前，你得到你的鼠标。这可能是因为锚标记和下拉菜单之间有一个间隙。

那么，你把打开器改为a标签，然后你添加一个小计时器，使下拉列表保持打开一秒或多秒，即使你的鼠标离开?不管怎么说，这样的附加功能是很好的，但如果你不小心将鼠标从导航条中移出，并且因为它关闭而不得不返回，则会令人恼火。

编辑:还有，是的，JSFiddle它。

试着在你的锚中加入一个span标签:

<a href='#'><span>test</span></a>
a span {
    display: block;
}
相关文章：