Dropdown-Menü bei Klick schließen oder außerhalb des Menüs scrollen [geschlossen]

1. Wie schließe ich ein Dropdown-Menü, wenn ich außerhalb klicke??
2. Wie beende ich das Dropdown-Menü, um Menüelemente zu schließen, wenn ich außerhalb klicke??
3. Wie schließe ich ein Auswahl-Dropdown??
4. Wie blenden Sie das Untermenü nach dem Klicken aus??
5. Wie verhindere ich, dass sich ein Dropdown-Menü öffnet, wenn ich darauf klicke??
6. Wie mache ich ein Dropdown-Menü anklickbar??
7. Wie verhindere ich, dass das Bootstrap-Dropdown geschlossen wird, wenn ich außerhalb klicke??
8. Wie überprüfen Sie eine Dropdown-Option??
9. Wie halte ich ein Dropdown-Menü in HTML geöffnet??

Wie schließe ich ein Dropdown-Menü, wenn ich außen klicke?

Sie können die jQuery-Methode click() in Kombination mit der Methode on() verwenden, um das Dropdown-Menü auszublenden, wenn der Benutzer außerhalb des Triggerelements klickt.

Wie beende ich das Dropdown-Menü, um Menüelemente zu schließen, wenn ich außerhalb klicke??

Wie alle Twitter Bootstrap-Benutzer wissen, schließt sich das Dropdown-Menü beim Klicken (sogar beim Klicken darauf). Um dies zu vermeiden, kann ich einfach einen Click-Event-Handler im Dropdown-Menü anhängen und einfach das berühmte Event hinzufügen add. stopPropagation() .

Wie schließe ich ein Auswahl-Dropdown??

Eine bessere Lösung wäre, das Dropdown-Menü durch ein reines HTML zu ersetzen und es bei Bedarf mit einem einfachen auszublenden . hide() Befehl(). Fügen Sie einfach dieses Zeilenende Ihres Abschlusses mit einem Klick hinzu . $auswahl.

Wie blenden Sie das Untermenü nach dem Klicken aus??

So blenden Sie das Untermenü aus, nachdem auf einen Menüelement-Link geklickt wurde

1. jQuery(".Mega-Menü"). on('after_mega_menu_init', function()
2. jQuery("li.Mega-Menüpunkt:nicht(.Mega-Menüpunkt-hat-Kinder) > ein.Mega-Menü-Link"). on('klick', Funktion(e)
3. jQuery('.Mega-Menü"). Daten('maxmegamenu'). hideAllPanels();

Wie verhindere ich, dass sich ein Dropdown-Menü öffnet, wenn ich darauf klicke??

Wie Sie sehen können, wurde das Element zu einem Dropdown-Menü gemacht.

Wie mache ich ein Dropdown-Menü anklickbar??

Beispiel erklärt

Verwenden Sie ein beliebiges Element, um das Dropdown-Menü zu öffnen, z.G. ein <Taste>, <ein> oder <p> Element. Verwenden Sie ein Containerelement (wie <div>), um das Dropdown-Menü zu erstellen und die Dropdown-Links darin hinzuzufügen. Wickeln <div> Element um die Schaltfläche und die <div> um das Dropdown-Menü mit CSS richtig zu positionieren.

Wie verhindere ich, dass das Bootstrap-Dropdown geschlossen wird, wenn ich außerhalb klicke??

2 Antworten. Bootstrap 4 Dropdown-Ereignisse unterscheiden sich geringfügig von Bootstrap 3, daher funktionieren die vorgeschlagenen Duplikate (und hier) nicht, um zu verhindern, dass das Dropdown-Menü bei einem Klick von außen geschlossen wird. Suchen Sie für Bootstrap 4 nach dem clickEvent , und wenn es im hide-Ereignis gefunden wird, verhindern Sie das standardmäßige Schließverhalten.

Wie überprüfen Sie eine Dropdown-Option??

Die Schritte sind:

1. Überprüfen Sie das Dropdown-Feld.
2. Finden Sie das dynamische DOM (das violette Highlight)
3. Klicken Sie mit der rechten Maustaste auf dieses dynamische DOM.
4. Wählen Sie Rekursiv erweitern:
5. Wir können sehen, dass alle Elemente da sind.

Wie halte ich ein Dropdown-Menü in HTML geöffnet??

Verwenden Sie ein beliebiges Element, um das Dropdown-Menü zu öffnen, z.G. ein <Taste>, <ein> oder <p> Element. Verwenden Sie ein Containerelement (wie <div>), um das Dropdown-Menü zu erstellen und die Dropdown-Links darin hinzuzufügen. Wickeln <div> Element um die Schaltfläche und die <div> um das Dropdown-Menü mit CSS richtig zu positionieren.