0

我的页面上有一个div带有 idarea的。

当用户的鼠标进入 this 时,我想在右上角显示一个关闭图标(它在 div 内)DIV。一切正常,但问题是当用户将鼠标悬停在关闭图标#closeicon区域时,它会隐藏图标。

所以请建议当用户将鼠标悬停在关闭图标上时我如何继续显示关闭图标。

这是我的代码:

$("#area").on('mouseenter',function(e){
            e.stopPropagation();
            showCloseIcon();

    }).on('mouseleave',function(e){
       e.stopPropagation();
        var except=$("#closeicon");
        if(!except.is(e.target) && except.has(e.target).length===0){
            hideCloseIcon();     
        }
    });

编辑

closeicon 不是区域 DIV 的子项。由于某种原因,我使用 css(绝对位置)将它定位在区域 div 上。

4

3 回答 3

1

您可以使用此代码:

$('#area, #closeicon').hover(function(){
    $('#closeicon').show();
}, function(){
    $('#closeicon').hide()
})

只需将您的事件绑定在两个 id 上。

另外,我使用它,因为它更短并且与and.hover做同样的事情。在同一个电话中。.mouseenter().mouseleave()

小提琴:http: //jsfiddle.net/S9LQY/

于 2013-05-30T23:55:50.483 回答
0

$("#area") >> $("#area, #closeicon")

于 2013-05-30T23:21:32.700 回答
0

我不确定这是否是您正在寻找的东西,但您可以为此使用 CSS:

#closeicon {
    display: none;
}

#area:hover > #closeicon {
    display: block;
}
于 2013-05-30T23:23:55.567 回答