鼠标离开事件在绝对定位的子元素中不起作用。

Question

我有一个菜单列表，如下：

<ul class="systeMenus">
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li></li>
</ul>

第一个 ul 标签是从其他框架帧的链接的某些 onmouseover 事件中打开的。

第二个 ul 是通过 CSS display:block;position:absolute; left:175px; 来为父级 li 打开，就像一个菜单出现在父级 li 标记内部，并在同一标记 li 上的 onmouseout 事件上隐藏。

当在页面主体上触发 mouseenter 事件时，如何隐藏这两个 ul 。我尝试了 $('body').mouseenter 和 parent $('ul.systeMenus').mouseleave。由于两种实现都存在问题，因此需要帮助。

感谢您的帮助，请提供解决方案。

- nas

---

你可以发布一个 fiddle，展示问题在哪里吗？ - no.good.at.coding

我猜这是在IE中发生的...我刚遇到了同样的问题 - 因为元素是AP，当你悬停在填充、边距或边框空间上时，mouseleave事件会被触发？在我的情况下就是这样 - 我认为这是因为在IE中AP元素不被视为在其父元素内部？ - danjah

Answer 1

尝试在jQuery中使用hover

类似这样：

$("ul").hover(function(){ //triggered on mouseEnter}, function(){ //triggered on MouseLeave});

我曾经在IE浏览器中遇到过鼠标进入和离开的问题，但是使用hover方法解决了它。

如果还没有解决，请发布一个fiddle。 但是现在也许你已经解决了这个问题。

- GregM