jQuery下拉菜单mouseleave问题

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

你设置了太长的延迟。它仍然运行原始的悬停功能。 你删除它，它等待2.5秒，然后你回来它仍然从你第一次徘徊时删除菜单。 我真的没有理由在那里使用延迟。