关闭悬停功能不点火

Question

我试图在.mail img的悬停和悬停上做些什么。悬停事件正在发生，其中的代码正在执行，但关闭悬停事件不是。

为了简化它，我用警报替换了我的代码，关闭悬停警报也没有启动。

$('.mail img').hover(function(){
    alert('on hover');
},
function(){
    alert('off hover');
});

我使用的是jQuery 1.9.1

Answer 1

这种行为是因为您正在使用alert进行测试。用于悬停的事件是mouseleave。当显示来自alert的mouseenter时，这不会触发。

更改代码以使用console.log (调试时应该如此)，它将工作：

$('.mail img').hover(function(){
    console.log('on hover');
}, function(){
    console.log('off hover');
});

Example fiddle

Answer 2

您可以使用mouseout()来检查光标是否离开了项目

$('.mail img').mouseout(function(){
    alert('off hover');
});

Answer 3

用这个：

$('.mail img').mouseover(function(){
    alert('on hover');

}).mouseout(function(){
    alert('off hover');

});