当我将鼠标悬停在菜单上时,在网站http://va.in-design.com上一切正常。但是,当我尝试访问子菜单链接和子菜单时,菜单会关闭。我认为这可能与透明背景有关。如果有什么办法不让它关闭。
谢谢,驯兽师Z
当我将鼠标悬停在菜单上时,在网站http://va.in-design.com上一切正常。但是,当我尝试访问子菜单链接和子菜单时,菜单会关闭。我认为这可能与透明背景有关。如果有什么办法不让它关闭。
谢谢,驯兽师Z
看起来子菜单不是菜单的子菜单。因此,当您将鼠标悬停在子菜单上时,您不再将鼠标悬停在菜单上,它会关闭。您可以重组您的代码,使子菜单成为顶级菜单项的子菜单。
看起来您在 LI 上绑定了鼠标事件,它应该包括所有子级,但不包括。您是否尝试过将结构更改为:
<DIV align="center">
<ul id="sdt_menu" class="sdt_menu">
<DIV class="someclass">
<LI>
...然后将鼠标事件绑定到(“#someclass”)而不是“#sdt_menu > li”?
当您将鼠标事件绑定到 LI 时,它显然不会也附加到子 DIV,尽管确实附加到子 A 元素。
另一个可能的答案是使用.hover
代替.mouseenter
and.mouseleave
。
.hover()
jQuery 函数有两个参数,要在(mouseenter) 处执行的hover
函数和要在hover out
(mouseleave) 处执行的函数。你应该使用它而不是mouseleave