如何防止在下拉菜单上重复slideToggle效果?

时间:2013-05-20 08:38:44

标签: jquery drop-down-menu slidetoggle

我有一个导航菜单,可以在悬停时展开子菜单。我的问题是,当我将鼠标悬停在菜单项上时,子菜单会展开,然后当我从菜单中退出鼠标时,我会重复执行slideToggle效果并停止子菜单。

查看我的jsFiddle

要解决此问题,我尝试在.stop()之前添加.slideToggle(),如此处所述:Make jQuery submenu expand parent AND Prevent repeating slideToggle effect但不起作用。

为什么?

2 个答案:

答案 0 :(得分:3)

更改您的第二行javascript代码
$("li").on("hover", function(e){

到这个

$(".menu").on("hover", function(e){

答案 1 :(得分:2)

只需将hover()操作限制为li类的menu,否则悬停会发生在每个后续的li上,而不是您想要的。

    $("li.menu").on("hover", ...

请参阅update of your jsfiddle