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

Question

我有一个使用子菜单的菜单，该菜单对隐藏和显示 jquery 功能进行操作。问题是，如果我将鼠标悬停在主菜单元素上，当我点击子菜单元素时，它就会消失。所以我想知道如果你没有将鼠标悬停在主菜单元素或子菜单块上，我是否可以让它消失我的网站是http://www.spencedesign.netau.net/lori/#。

我还有另一个较小的问题，当页面加载时，子菜单没有隐藏，即使 css 说我认为这是在使用 CSS和 jQuerydisplay: none;之间的混淆和display: none;.hide().show()

Answer 1

该脚本的编写方式是，子菜单仅在悬停在主菜单项上时才会显示（并继续显示）。一旦您离开该项目，子菜单就会隐藏。

一个简单的解决方案是在执行hide().

示例//代码

但是，jquery 并不喜欢它。此解决方案主要适用于 Chrome，但会引发一些错误。

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

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