Jquery悬停闪烁问题

Question

希望你们一切都好。这是我的基本代码:

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

在此演示中，您可以看到当我们将鼠标悬停在 id="container"的 div 上时，class="nav"的 div 会淡入。但问题是，在执行此操作后，如果我将鼠标悬停在 class="nav"的 div 上“div 淡出并再次淡入，如果我在 .nav div 内稍微移动光标，它会反复重复此行为。当我们将鼠标悬停在 .nav div 或该 div 内的移动光标上时，我不希望出现这种行为。

谢谢，并为我糟糕的英语感到抱歉。

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>

现在，当您将鼠标悬停在控件上时，您不会执行鼠标离开操作，从而导致闪烁。

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