使用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');