jquery mouseover事件两次触发

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

我知道有很多问题，但我已经尝试了一些但仍然没有工作，我尝试了不同的事件处理程序，包括.hover，.mouseover和.mouseenter。 图像hover/hover效果在进入时会多次触发，每当我在图像中移动鼠标时，两个事件就会开始触发。 我发现一个解决方案阻止了这个：

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

但这只适用于hover而不是hover，因为空函数是mouseout事件处理程序，idk如果你可以覆盖它？

Answer 1

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

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

演示： 小提琴