儿童不计入.hover

Question

我目前正在为我的HSC（高中毕业证书）软件设计专业做一个网站，我遇到了一个奇怪的错误。可以在http://ymindustries.webfactional.com查看当前版本的网站。 我的问题是：我有jQuery驱动的下拉菜单。在Chrome中，当您将鼠标悬停在菜单按钮上时，菜单会展开，而菜单按钮会使菜单再次缩回。但是，将鼠标从菜单按钮向下移动到新显示的菜单也会导致它缩回，这是一个问题，因为我需要用户能够点击最终会进入菜单的链接。看来孩子们不会触发悬停事件。此外，在IE9中，即使将鼠标悬停在按钮上，也永远不会触发悬停事件。

希望这个措辞足够明确。 谢谢！ YM

Answer 1

这不是一个错误。当您使用.hover将光标移动到元素的边界之外时，您不再将其悬停。就这么简单。

扩展边界或将.hover应用于菜单。

Answer 2

就像Tom提到的那样，您可能希望将.hover伪类应用于子菜单。这不应该太困难。看看你的网站我觉得像CSS选择器一样

.dropdownMenu:hover { display:inline; }

应该这样做。