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

我有像这样的菜单列表

<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 时。因为我在这两个实现上都遇到了问题。

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

请您参考如下方法:

尝试在 jquery 中使用悬停

类似的事情:

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

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

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