mouseenter/mouseleave受嵌套子对象的影响

Question

我myNestContainer在文档准备好了隐藏控制面板().我有一个按钮navMyNest,当mouseenter发生时,显示myNestContainer.这很好用.

问题是我希望用户能够探索控制面板,但是如果输入了嵌套的DIV容器,则myNestContainer只要输入一个,mouseleave生效和控制面板就会关闭.

这比mouseenter/ 更好mouseout,但仍然没有我想要的功能.

有关如何覆盖子对象的任何想法,以便控制面板在用户查看时保持打开状态？

提前致谢.

$(document).ready(function() {
$("div#myNestContainer").hide();
});

$("div#navMyNest").live("mouseenter", function(event) {
    $("div#myNestContainer").show();
});

$("div#myNestContainer").live("mouseleave", function(event) {
    $("div#myNestContainer").hide();
});

Answer 1

用于event.relatedTarget在鼠标移动到嵌套元素时保持父元素可见.

$('#myNestContainer').mouseout(function(e)
{
    var evt = e || window.event;
    if (evt.relatedTarget != document.getElementById('navMyNest'))
    {
        $("#myNestContainer").hide();
    }
});