Question

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

查看我的jsFiddle。

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

为什么？

Answer 1

从

更改您的第二行javascript代码

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

到这个

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

Answer 2

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

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