El menú de jQuery Hover desaparece al hacer clic derecho

Tengo un menú que se abre cuando se desplaza. Pero a la derecha, el menú desaparece cuando se abre el menú contextual. Pero no puedo entender por qué. Necesito que el menú desplegable esté abierto al mismo tiempo con el menú contextual / clic derecho.

El código jQuery (versión jquery-1.11.2.min.js):

jQuery(document).on('mouseover','#main_menu',function() { jQuery('#main_menu_inner').show(); }); jQuery(document).on('mouseleave','#main_menu',function() { jQuery('#main_menu_inner').hide(); }); 

El HTML:

  

Puede “piratear” el comportamiento de mouseover / mouseleave agregando un booleano para verificar si el menú contextual está abierto en el controlador de eventos de mouseleave . Esa no es una buena práctica, pero hace que su solicitud sea posible:

 var contextMenuOpened = false; $(document).on('mouseover', '#main_menu', function () { $('#main_menu_inner').show(); contextMenuOpened = false; }); $(document).on('mouseleave', '#main_menu', function () { $("#main_menu").on('contextmenu', function (e) { contextMenuOpened = true; }); if (!contextMenuOpened) { $('#main_menu_inner').hide(); } }); 

Ejemplo vivo

    Intereting Posts