我有一个导航菜单,可以在悬停时展开子菜单。我的问题是,当我将鼠标悬停在菜单项上时,子菜单会展开,然后当我从菜单中退出鼠标时,我会重复执行slideToggle效果并停止子菜单。
查看我的jsFiddle。
要解决此问题,我尝试在.stop()
之前添加.slideToggle()
,如此处所述:Make jQuery submenu expand parent AND Prevent repeating slideToggle effect但不起作用。
为什么?
答案 0 :(得分:3)
从
更改您的第二行javascript代码$("li").on("hover", function(e){
到这个
$(".menu").on("hover", function(e){
答案 1 :(得分:2)
只需将hover()
操作限制为li
类的menu
,否则悬停会发生在每个后续的li上,而不是您想要的。
$("li.menu").on("hover", ...