在jquery中链接元素的简单方法

Question

我有一个使用子菜单的菜单，它在hide和show jquery函数上运行。问题是，如果我将鼠标悬停在主菜单元素上，当我点击子菜单元素时，它会消失。所以我想知道如果你不在主菜单元素或子菜单块我的网站http://www.spencedesign.netau.net/lori/#上面悬停，我是否可以做到它只会消失。

我还有另一个小问题，当加载页面时，子菜单不会隐藏，即使css说display: none;我认为这是miking CSS display: none;和jQuery {{之间的混淆1}}和.hide()

Answer 1

编写此脚本的方式，子菜单只会在鼠标悬停在主菜单项上时显示（并继续显示）。一旦移开该项目，子菜单将隐藏。

一个简单的解决方案是在执行hide()之前检查您是否将鼠标悬停在该特定菜单的子菜单上。

example // code

然而，jquery并不喜欢它。此解决方案主要在Chrome中有效，但会产生一些错误。

尽管这是一个相对简单的菜单，我的建议是查看一些jquery菜单插件。没有必要重新发明轮子......即使你只需要一个简单的轮子。

至于第二个较小的问题，这是因为display:none被分配到sub_menu id（页面上不存在）。改为class并将此类附加到每个子菜单div。