Jquery Hover闪烁问题

Question

希望你的人会好起来的.这是我的基本代码:

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

在这个演示中,你可以看到当我们将id悬停在id为"容器"的div上时,一个带有class ="nav"的div淡入.但问题是,这样做之后如果我将div悬停在div上,使用class ="nav"div淡出并再次淡出,如果我将光标稍微移动到.nav div中,它会重复重复此行为.当我们将鼠标悬停在此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,这会停止调用鼠标.

<div id="containerNav">
    <div class="nav"><a class="prev" href="#">Prev</a> <a class="next" href="#">Next</a>  </div>
    <div id="container">
        Some Content in Container
    </div>
</div>

现在,当你将鼠标悬停在控件上时,你没有做一个导致眨眼的mouseleave.

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