Ben Kamens jQuery菜单目标:子菜单消失后不再出现

时间:2017-09-03 07:54:00

标签: javascript jquery html menu

看着本·凯门斯jquery-menu-aim,我在codepen偶然发现了一个例子。

这个(codepen)工作并允许用户有时间从主菜单传递到子菜单但是如果你完全离开菜单,子菜单仍然显示,即它(子菜单)赢了&#39 ; t走开(显示:无)。

因此,我在JsFiddle的codepen上重新创建了相同的示例并更改了Javascript

从:

$(document).click(function() {
    $('a.hover').removeClass('hover');
    $('.popover').css('display', 'none');
}

为:

$(document).click(function() {
    $('a.hover').removeClass('hover');
    $('.nav ul ul').css('display', 'none');
}

现在,如果您点击网页上的任意位置,除了菜单/子菜单外,子菜单会消失。

问题:如果再次悬停主菜单,则子菜单不会重新出现。

我该如何解决这个问题?

编辑:是否有一个替代jQuery / Javascript到jquery-menu目标?。

1 个答案:

答案 0 :(得分:0)

我认为你想要的是enterexit,而不是activatedeactivate

您是否阅读过documentation

这是your Fiddle Updated

$menu.menuAim({
  enter: activateSubmenu,
  exit: deactivateSubmenu
});