Force Wordpres Untermenüs zu verbergen, sobald Sie den Cursor von ihnen weg bewegen

Question

Ich bin auf einer Mission, das Standardverhalten der Top-Level-Menüs in Wordpress zu ändern.

Zum Beispiel habe ich die Link-Funktionalität aus den Top-Level-Menüs entfernt - weil ich nur möchte, dass Menschen auf die Untermenüs klicken. (Siehe here wenn interessiert)

Was ist mein Problem

Allerdings habe ich ein Problem habe, wo, wenn Sie den Browser auf einem der Top-Level-Elemente klicken ‚fokussiert‘ auf dieser und der sub- Das Menü bleibt auch dann aktiv, wenn Sie den Cursor wegbewegen. Ich möchte, dass das Untermenü verschwindet, wenn Sie den Cursor bewegen - genauso wie das Verhalten, wenn Sie nicht auf das Hauptmenü geklickt haben.

Was ich versucht habe

I identifiziert haben Sie diesen Zustand durch einen Klick auf den Link inspizieren in Element und den Zustand zu konzentrieren Einstellung erzwingen.

Ich habe versucht, etwas CSS zu schreiben, um zu verhindern, dass es passiert, aber damit nicht weitergekommen bin.

Ich habe auch 'stopPropagation' zum jQuery hinzugefügt, um die Verbindung zu stoppen, aber es hat nicht den gewünschten Effekt.

<script> 
     jQuery(document).ready(function() { 
      // Add the classes to target 
      jQuery('a.toplevel_page_bnfo_portal, a.toplevel_page_bnfo_database, a.toplevel_page_bnfo_insights').click(function (event) { 
       event.preventDefault(); // cancel the event 

       event.stopPropagation(); // Stops event propagating 
      }); 
     }); 
</script> 

Alle Gedanken sehr geschätzt! Vielen Dank.

Answer 1

Ich habe nun eine Lösung gefunden auf this post mit Vorschlag des @ Sarfraz die ‚auf die Maus nach unten‘ zielt

jQuery('a.toplevel_page_bnfo_portal, a.toplevel_page_bnfo_database, a.toplevel_page_bnfo_insights').on('mousedown', function(event) { 
      // do your magic 
       event.preventDefault(); 
});