在jquery中链接元素的简单方法[关闭]

Question

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

我还有另一个较小的问题，当页面加载时，即使 css 显示 display: none;，子菜单也不会隐藏，我认为这是混淆 CSS display: none; 和 jQuery .hide() 和 @987654325 @

Answer 1

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

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

example // code

然而，jquery 并不喜欢它。此解决方案大部分适用于 Chrome，但会引发一些错误。

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

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