使用jquery或javascript为css菜单添加延迟

Question

首先，我想首先说我对jquery很新，也是Javascript的新手。

我希望在css菜单中添加一些jquery / javascript以在选项之间创建延迟，以防止在用户选择它之前关闭选项。我做了一些研究，发现了How to add a delay to CSS Vertical Dropdown Menu

但它似乎做了相反的事情，这延迟了开放而不是关闭子菜单。

以下是我的http://jsfiddle.net/5jd7c/6/

请注意，如果您尝试通过对角线直接从第1组转到选择2，则会关闭该选项，而您最终会转到第2组。

先谢谢你。

Answer 1

根据你所说的，我认为你想要hoverIntent jQuery插件。它完全符合您的描述并且非常稳定。

比从头开始做更容易。

Answer 2

您需要使用上面提到的jQuery插件hoverIntent。 我为jsfiddle

创建了一个快速示例

我只在工作菜单项上设置延迟，超时为1秒（1000毫秒） 我为工作li添加了一个id，为其ui列表添加了id

希望有所帮助。