javascript - 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();
    });