使用jQuery延迟弹出菜单

Question

我有一个基于jQuery构建的菜单，并按照tutorial构建它。我想在鼠标离开菜单时添加延迟以获得更好的用户体验。我可以让菜单延迟使用jQuery delay，它有一个例外，即飞出下拉菜单。

由于代码的长度，我的代码工作jsFiddle。我所指的弹出菜单包含Website Illustrations和Photography字样。

我如何延迟弹出按钮，以便当菜单立即消失时它会关闭？

Answer 1

doTimeout jQuery插件非常适合您想要做的事情。

Check out these examples

Answer 2

Try this

这是什么：

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

现在更改为：

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

Answer 3

Here is another take on it:

jSFIDDLE HERE