javascript - jQuery 延迟没有按预期工作

Question

我有以下 jQuery 代码

$("#dropdown").hover(function() { 
        $(this).stop(true,true).fadeTo('fast',1);
        $("#options").stop(true,true).slideDown();
    }, function() { 
        $(this).delay(1000).stop(true,true).fadeTo('fast',0.1);
        $("#options").delay(1000).stop(true,true).slideUp();
    }
);

我期望发生的事情是当鼠标离开 #dropdown 时它会等待 1 秒再继续。这不会发生。

如果有更好的方法，我想要实现的是在移动鼠标后让下拉菜单可见一两秒钟，我还想防止事件再次发生以防止伪影和“有趣”，如果你很快将鼠标从 div 移出移出

Answer 1

问题是.stop()。如果你把它拿出来，它就会起作用:

http://jsfiddle.net/LZ8yt/