关闭悬停功能不开火

Question

我正在尝试在悬停和.mail img悬停时执行某些操作。 on hover事件正在发生，其中的代码正在执行，但off hover事件不会。

为了简化它，我用警报替换了我的代码，并且关闭悬停警报也没有解雇。

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

我正在使用jQuery 1.9.1

Answer 1

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

更改代码以使用mouseenter（正如您在调试时所做的那样）并且它将起作用：

console.log

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

});