关闭悬停功能不能解雇

Question

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

为了简化它，我用警报替换了我的代码，并且关闭悬停警报也未触发。

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

我使用jQuery 1.9.1

Answer 1

此行为是因为你使用alert来测试。用于悬停的事件是mouseleave。当从mouseenter显示alert时，这不会触发。

更改代码，使用console.log（你应该调试时），它会工作：

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

Example fiddle

Answer 2

您可以使用mouseout()检查光标离开elemnt

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

Answer 3

使用此项：

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

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

});