關閉懸停功能不能解僱

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'); 

});