使用jQuery的延迟弹出菜单

Question

我有一个基于jQuery的菜单，并在tutorial之后构建它。我想在鼠标离开菜单时增加延迟以获得更好的用户体验。我可以得到菜单延迟使用jQuery delay，它工作得很好，除了一个例外，飞出下拉菜单。

由于代码长度的原因，我使用代码jsFiddle。我所指的弹出菜单包含文字WebsiteIllustrations和​​。

如何延迟弹出，以便在菜单执行时立即关闭并立即消失？

Answer 1

Here is another take on it: 

jSFIDDLE HERE

Answer 2

该doTimeout jQuery插件是完美的，你想要做的。

Check out these examples。

Answer 3

Try this

什么是这样的：

$jsub_menu.hide().css('left','0px'); 

现在改为这个：

$jsub_menu.delay(100).animate({'left':'0px'},100).hide('100');