jquery - 如何防止在下拉菜单上重复滑动切换效果？

Question

我有一个导航菜单，可以在悬停时展开子菜单。我的问题是，当我将鼠标悬停在菜单项上时，子菜单会展开，然后当我将鼠标从菜单中离开时，我会重复滑动切换效果并且子菜单会停止。

见我的jsFiddle。

.stop()为了修复它，我之前尝试.slideToggle()按照此处的说明添加：Make jQuery submenu expand parent AND prevent repeating slideToggle effect but doesn't work。

为什么？

score 3 · Accepted Answer

更改您的第二行 javascripts 代码

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

对此

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

score 2 · Accepted Answer

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

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

2 回答 2