Jquery Hover闪烁问题

希望你的人会好的。 这是我的基本代码：

http://jsfiddle.net/kr9pY/7/

在这个演示中，你可以看到当我们将idhover在id为“容器”的div上时，一个div与class =“nav”淡入。但问题是，这样做后，如果我将divhover在div上，使用class =“nav”div淡出并再次淡出，如果我将光标稍微移动到.nav div中，它会重复重复此行为。 当我们将鼠标hover在此div中的.nav div或mover光标时，我不想这种行为。

谢谢，抱歉我的英语不好。

Answer 1

尝试

$(document).ready(function(){ $("#containerNav").hover( function() { $('.nav').stop(true, true).fadeIn(); }, function() { $('.nav').stop(true, true).fadeOut(); } ); }); 

摘自http://api.jquery.com/stop/

我更改了标记以添加一个包含div，这会停止调用鼠标。

 
 
Prev Next 
 
 Some Content in Container 
  

现在，当您将鼠标hover在控件上时，您不会执行导致闪烁的mouseleave。

http://jsfiddle.net/kr9pY/9/