Das Dropdown-Menü von Twitter Bootstrap wird normalerweise bei jedem Klick geschlossen, auch bei Klicks im Menü selbst. Um dieses Problem zu beheben, kann ein Klick-Ereignis-Listener an das Menüelement angehängt werden, wobei die Ereignisweitergabe angehalten wird.
$('ul.dropdown-menu.mega-dropdown-menu').on('click', function(event){ event.stopPropagation(); });
Delegierte Ereignishandler für Karussellsteuerungen und -indikatoren werden jedoch durch diese Lösung unwirksam.
Stattdessen besteht ein alternativer Ansatz darin, auf Klickereignisse im gesamten Dokument zu warten, den Ereignisbereich jedoch auf den gewünschten Container zu beschränken. Dadurch wird sichergestellt, dass interne Klicks innerhalb des Dropdown-Menüs keine Weitergabe an die Dokumentebene auslösen, wodurch das Auslösen delegierter Ereignisse verhindert wird:
$(document).on('click', '.someyourContainer .dropdown-menu', function (e) { e.stopPropagation(); });
Dadurch wird das unerwünschte Schließen des Dropdown-Menüs effektiv unterdrückt, ohne die Funktionalität delegierter Ereignishandler zu beeinträchtigen.
Das obige ist der detaillierte Inhalt vonHier sind einige Optionen für den Titel Ihres Artikels, die die Kernpunkte des Inhalts und das Fragenformat einbeziehen: **Option 1 (direkt und klar):** * **So verhindern Sie das Schließen des Bootstrap-Dropdown-Menüs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!