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 秒，然后你回到它上面，它仍然会从你第一次悬停时删除菜单。 我真的没有理由在那里使用延迟。