jquery - mouseleave 事件在绝对子元素中不起作用

Question

我有像这样的菜单列表

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

第一个 ul 标记是从另一个框架集框架中链接的其他 onmouseover 事件打开的。

2 ul 通过 CSS display:block;position:absolute; 打开left:175px; 到父 li 就像一个菜单出现在父 li 标签内并隐藏在同一标签上的 onmouseout 事件中李。

当鼠标进入正文时，如何隐藏这两个 UL。当我尝试 $('body').mouseenter 和 parent $('ul.systeMenus').mouseleave 时。因为我在这两个实现上都遇到了问题。

感谢任何帮助。请提供解决方案。

Answer 1

尝试在 jquery 中使用悬停

类似的事情:

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

我曾经在 IE 中使用 mouseEnter 和 mouseLeave 时遇到问题，悬停修复了它。

如果它不起作用，请发布 fiddle 。但现在也许您已经解决了问题。