javascript - jquery mouseover 事件触发两次

Question

    $(function(){
    $('#webs').mouseenter(function(){
        $('#websitehov').fadeIn('slow');
    });
    $('#webs').mouseleave(function(){
        $('#websitehov').fadeOut('slow');
    });
});

我知道这方面有很多问题，但我已经尝试了很多，但仍然不起作用，我尝试了不同的事件处理程序，包括 .hover、.mouseover 和 .mouseenter。 图像悬停/悬停效果在进入时会多次触发，每当我在图像内移动鼠标时，两个事件就会开始触发。 我找到了一个解决方案来阻止这个问题:

(function(){
$('#webs').hover(function(){
$('#websitehov').fadeIn('slow')
}, function() { });
});

但这仅适用于悬停输入，不适用于悬停输出，因为空函数是 mouseout 事件处理程序，不知道您是否可以覆盖它？

Answer 1

我能看到的唯一可能的问题是动画队列，在添加另一个动画队列之前清除动画队列

$(function () {
    $('#webs').hover(function () {
        $('#websitehov').stop(true, true).fadeIn('slow');
    }, function () {
        $('#websitehov').stop(true, true).fadeOut('slow');
    });
});

演示:Fiddle