jQuery IE扩展可扩展领域

Question

我正在处理一段代码，其中更改结构并不是一个真正的选择。我有一个基于div的下拉菜单，基本上是这样的：

<div id="menugroup">
    <div id="menuheader1">header</div>
    <div id="menuitems">
        <div>menuitem1</div>
        <div>menuitem1</div>
        <div>menuitem1</div>
        <div>menuitem1</div>
    </div>
</div>

menuitems默认显示为：none。我已经将一个jQuery悬停事件附加到menugroup，这样当你将鼠标悬停在div上时，menuitems将变为display：block，当你停止悬停时，menuitems变为display：none。

这在firefox中很有用，但我在IE中遇到了问题。一旦我的鼠标离开menuheader1的物理区域（所有这些都是menugroup最初可见的），它就会触发mouseout，即使我的鼠标仍然在菜单项中悬停，而这些菜单现在是menugroup的一部分。

在不改变物理结构的情况下，如何使用menugroup的内容扩展jQuery悬停区域？

Answer 1

使用http://jsfiddle.net的现场演示会很棒，但这是一个常见问题。像hoverIntent之类的东西是鼠标灵敏度问题和用户错误的绝佳选择。在下拉菜单的情况下，jQuery的默认悬停功能不太理想。