Bootstrap-Drop-down verhindern, indem Klicks geschlossen werden

8

Mein Menü verwendet Bootstrap 3 und ich kann nicht verhindern, dass das Dropdown-Menü beim Schließen geschlossen wird. Wie kann ich es tun?

JSFiddle

%Vor%     
Kasara 29.10.2014, 19:50
quelle

4 Antworten

21

Sie müssen das Ereignis stoppen, um den DOM-Baum zu sprudeln:

%Vor%

event.stopPropagation verhindert, dass das Ereignis den Knoten erreicht, an dem es schließlich vom Bootstrap-Versteckmenü behandelt wird.

Demo: Ссылка

    
dfsq 29.10.2014, 19:54
quelle
13

Ich glaube, das sollte eine bessere Lösung sein, da die Unterbrechung der Übertragung beim Klickereignis manchmal Probleme in der Entwicklung verursachen kann. Sie können hier mehr darüber lesen: Ссылка Stattdessen stoppt diese Lösung die Weitergabe auf dem Bootstrap ausblenden ( hide.bs.dropdown ) - Ereignis, das verhindert, dass es weiter mit versteckt ( hidden.bs.dropdown ) verbunden wird Ereignis.

Der folgende Code wurde von mir selbst erstellt und bearbeitet, damit er in allen Bootstrap-Dropdown-Menüs funktioniert, wie er ursprünglich von hier stammt: Verhindern Bootstrap Drop-Down von Klick Schließen Ich persönlich bevorzuge diesen Weg auch, weil es die eingebauten Bootstrap Dropdown-Ereignisse verwendet, die hier gefunden werden können: Ссылка

%Vor%     
yaharga 03.01.2015 21:53
quelle
1

Schließen Sie nicht im Klick-Seitenmenü

%Vor%

});

    
julioalberto64 18.09.2017 16:40
quelle
0

Sie können die Dropdown-Funktion vorübergehend deaktivieren. Dies ist ein Workaround.

Beispiel mit Eingabefeld im Drop-Down "Menü":

%Vor%

Dies kann für alles verwendet werden, auf das geklickt werden kann, und Sie können individuell definieren, welche angeklickte Elemente das Dropdown-Menü schließen oder nicht schließen können.

    
Balogh Mihály 26.10.2017 10:15
quelle