Heim > Web-Frontend > js-Tutorial > Hauptteil

Hier 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

Barbara Streisand
Freigeben: 2024-10-27 06:45:03
Original
765 Leute haben es durchsucht

Here are a few options for your article title, incorporating the key points of the content and the question format:

**Option 1 (Direct and Clear):**
* **How to Prevent Bootstrap Dropdown Menu Closure on Internal Clicks**

**Option 2 (Focus on Problem/Sol

Schließen des Bootstrap-Dropdown-Menüs bei internen Klicks stoppen

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();
});
Nach dem Login kopieren

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();
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!