触发 jQuery 的悬停（）在锚点上显示包含 LI 内的下拉菜单？

Question

我有一个水平导航栏，它是带有锚标记的无序列表。目前，它使用 jQuery 的悬停（鼠标悬停和鼠标移出）在每个 LI 中显示下拉导航。

我怎样才能做到这一点，而不是将鼠标悬停在 LI 上时触发下拉菜单，而将鼠标悬停在锚标记上时触发下拉菜单？当我将其更改为锚点时，当鼠标悬停在其顶部时，下拉列表总是消失，但是当我将 LI 设置为悬停（）的目标时，它工作正常（我猜是因为所有下拉代码被包裹在 LI 中，因此光标仍然悬停在 LI 上）。

由于设计原因，我需要这样设置，因此没有任何方法可以更改它。我需要仅从锚点而不是 LI 触发悬停（）。

Answer 1

您可以通过锚点的悬停代码更改 LI 的类。当您离开 LI 时将其改回来。

Answer 2

如果我理解正确的话，您遇到的问题是下拉列表在您将鼠标移至下拉菜单之前关闭。这可能是因为锚标记和下拉菜单之间存在间隙。

那么，您可以将打开方式更改为 a 标签，然后添加一个小计时器，即使您将鼠标移开，该计时器也可以使下拉列表保持打开状态一秒或多秒？无论如何，这样的添加是很好的，如果你不小心将鼠标移出了导航栏，并且因为它关闭而不得不返回，那么会很烦人。

编辑：另外，是的，JSFiddle 它。

Answer 3

尝试在锚点中放置一个 span 标签：

<a href='#'><span>test</span></a>

a span {
    display: block;
}