Heim  >  Artikel  >  Web-Frontend  >  Schließen Sie das Bootstrap-Dropdown-Menü durch Klicken in HTML

Schließen Sie das Bootstrap-Dropdown-Menü durch Klicken in HTML

WBOY
WBOYnach vorne
2023-09-02 12:01:03617Durchsuche

Schließen Sie das Bootstrap-Dropdown-Menü durch Klicken in HTML

Wie Sie sehen können, wird das Dropdown-Menü immer dann geschlossen, wenn Sie das Dropdown-Menü öffnen und auf eine andere Stelle klicken.

Durch die Verwendung des unten angegebenen Codes kann das Dropdown-Menü nach dem Klicken geöffnet bleiben −

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});

Eine andere Möglichkeit besteht darin, das Klickereignis zu verarbeiten –

Das Klickereignis kann auch mithilfe des folgenden Codes behandelt werden. Die Methode event.stopPropagation() stoppt das Weiterleiten von Ereignissen an das übergeordnete Element. Es verhindert, dass ein übergeordneter Event-Handler -

$('#myDropdown .dropdown-menu').on({
   "click":function(e) {
       e.stopPropagation();
    }
});
ausführt

Das obige ist der detaillierte Inhalt vonSchließen Sie das Bootstrap-Dropdown-Menü durch Klicken in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen