jQuery下拉菜單鼠標離開問題

Question

http://jsfiddle.net/borayeris/sb9Ju/4/

這是我的腳本。 如果鼠標回到菜單上，如何停止淡出？

Answer 1

嘗試在 fadeIn 上添加對stop()的調用：

$(function(){
    var piFade;
    $('#menu > li').hover(
      function(){
        $('#menu > li:hover > div').stop(true,true).fadeIn('slow');
      },
      function(){
        $('#menu > li > div').fadeOut('slow');
      }
    );
});

http://jsfiddle.net/sb9Ju/13/

這是一個包含延遲的版本。 我不是一個超級粉絲，但打電話停在那里並不算太糟糕。

http://jsfiddle.net/sb9Ju/15/

Answer 2

你設置的延遲太長了。 它仍然運行原始的 hover function。 你刪除它，它會等待 2.5 秒，然后你回到它上面，它仍然會從你第一次懸停時刪除菜單。 我真的沒有理由在那里使用延遲。