Ben Kamens jQuery Menu Objectif: Le sous-menu ne réapparaîtra pas après sa disparition

Question

En regardant Ben Kemens jquery-menu-aim, je suis tombé sur un exemple au codepen.

Cette fonction (codepen) fonctionne et permet à l'utilisateur de passer du menu principal au sous-menu MAIS si vous vous éloignez complètement du menu, le sous-menu continue de s'afficher, le sous-menu ne disparaît pas (affichage: aucun).

Alors, je recréé le même exemple à codepen sur JsFiddle et changé le Javascript

de:

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

à:

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

Maintenant, si vous cliquez n'importe où sur le web page, en dehors du menu/sous-menu, le sous-menu disparaît comme il se doit.

Problème: Le sous-menu ne réapparaît pas si vous survolez de nouveau le menu principal.

Comment résoudre ce problème? Edit: Existe-t-il un jQuery/javery-menu secondaire?

Answer 1

Je pense que ce que vous voulez besoin enter et exit au lieu de activate et deactivate. Avez-vous lu le documentation?

Voici your Fiddle Updated.

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