Wie kann verhindert werden, dass Bootstrap-Dropdown-Menüs bei Click Inside geschlossen werden?

Vermeiden Sie das Schließen des Dropdown-Menüs bei Klick darauf

In Bootstrap-Dropdowns werden Menüelemente standardmäßig bei jedem Klick geschlossen, auch wenn sie im Dropdown enthalten sind selbst. Das Anhängen eines Click-Event-Handlers an das Dropdown-Menü mit event.stopPropagation() löst zwar dieses Problem, es kann jedoch zu Problemen mit delegierten Ereignissen für Karussell-Steuerelemente führen.

Lösung:

Um dieses Dilemma zu bewältigen, ist ein präziserer Ansatz zur Ereignisdelegierung erforderlich:

<code class="js">$(document).on('click', 'dropdown .dropdown-menu', function (e) {
  e.stopPropagation();
});</code>

Dadurch wird das Klickereignis an den gewünschten Container delegiert und sichergestellt, dass Klicks darin nicht das Schließen des Dropdowns auslösen.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass Bootstrap-Dropdown-Menüs bei Click Inside geschlossen werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!