mouseenter/mouseout使div闪烁

Question

我有一个工具提示,显示在mouseenter事件上并隐藏在mouseout事件上.有时,并非总是如此,当鼠标在工具提示的图像内移动时,工具提示会闪烁.我该如何防止这种情况发生？有一个更好的方法吗？

这是我的代码:

$('#home_pic').mouseenter(function() {
    $('#home_tip').show();
});
$('#home_pic').mouseout(function() {
    $('#home_tip').hide();
});

Answer 1

使用mouseleave而不是mouseout()

$('#home_pic').mouseleave(function() {
    $('#home_tip').hide();
});

或者使用.hover

 $('#home_pic').hover(function() {
        $('#home_tip').hide();
    },function() {
        $('#home_tip').show();
    });