jquery懸停閃爍問題

Question

希望你的人會沒事的。這是我的基本代碼：

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

在此演示

你可以看到，當我們將鼠標懸停在具有ID =「容器」 DIV，帶班一個div =「導航」淡入但問題是，經過。這樣做，如果我將鼠標懸停在class =「nav」的div上，div會淡出並重新顯示，如果我在.nav div內略微移動光標，它會反覆重複此行爲。當我們將鼠標懸停在該div內的.nav 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 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/