在鼠标hover时，元素会多次淡入/淡出

我试图在mouseover上做一个简单的淡入淡出function。 问题是，在预期的项目被碾过然后出来之后，元素会多次淡入和淡出。 我在下面包含了我的jquery代码以及随附的HTML。 任何帮助将不胜感激。 谢谢。

$(document).ready(function(){ $('.claimfile-text').hide(); $('.claimfile-graphic').mouseover(function(){ $('.claimfile-text').fadeIn(); }).mouseout(function(){ $('.claimfile-text').fadeOut(); }); }); 

（索赔档案）

（hover透露）

  
 
Claimant
 
 

Answer 1

你为什么不用：

 $(".claimfile-graphic").hover(function(){ $(".claimfile-text").fadeIn(); }, function(){ $(".claimfile-text").fadeOut(); }); 

Hover包含两个事件处理程序 – handlerIn和handlerOut。 更多 – http://api.jquery.com/hover/

Answer 2

不看你的其余html你会想要停止（）

  $('.claimfile-text').stop().fadeIn(); 

这将：

描述：停止匹配元素上当前正在运行的动画。