JQuery下拉菜单鼠标悬停。菜单关闭

时间:2013-09-27 16:29:08

标签: jquery css drop-down-menu

网站http://va.in-design.com上的

当我将鼠标悬停在菜单上时,一切正常。但是,当我尝试进入子菜单链接和子项时,菜单关闭。我认为这可能与拥有透明背景有关。如果有任何办法不让它关闭。

谢谢, Tamer Z

2 个答案:

答案 0 :(得分:0)

看起来子菜单不是菜单的子项。因此,当您将鼠标悬停在子菜单上时,您不再在菜单上盘旋,而是关闭。您可以重新构建代码,以便子菜单是顶级菜单项的子项。

答案 1 :(得分:0)

看起来你绑定LI上的鼠标事件,它应该包括所有子项,但不包括。您是否尝试将结构更改为:

<DIV align="center">
<ul id="sdt_menu" class="sdt_menu">
<DIV class="someclass">
<LI>

...然后将鼠标事件绑定到(“#someclass”)而不是“#sdt_menu&gt; li”?

当你将鼠标事件绑定到LI时,它显然也没有附加到子DIV,尽管它附加到子A元素。


另一个可能的答案是to use .hover instead of .mouseenter and .mouseleave

  

.hover() jQuery函数有两个参数,即在hover(mouseenter)执行的函数和在hover out(mouseleave)执行的函数。您应该使用它而不是mouseleave