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

Question

我有类似的菜单列表

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

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

2ul由 CSSdisplay:block;position:absolute; left:175px;向父级打开，li就像一个菜单出现在父级标签内并在同一标签上的事件中li隐藏。onmouseoutli

我如何mouseenter在身体上隐藏这两个 UL。正如我尝试$('body').mouseenter和parent $('ul.systeMenus').mouseleave. 因为我在这两个实现上都遇到了问题。

任何帮助表示赞赏。请提供解决方案。

Answer 1

尝试在 jquery 中使用悬停

类似的东西：

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

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

如果它不工作后小提琴。但现在也许你已经解决了你的问题。