Heim  >  Artikel  >  Web-Frontend  >  Eine kurze Diskussion über Dropdown-Menüereignisse in Bootstrap3

Eine kurze Diskussion über Dropdown-Menüereignisse in Bootstrap3

青灯夜游
青灯夜游nach vorne
2021-03-25 10:55:042186Durchsuche

In diesem Artikel erfahren Sie mehr über die Ereignisse im Dropdown-Menü von Bootstrap3. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Eine kurze Diskussion über Dropdown-Menüereignisse in Bootstrap3

Ereignisse des Dropdown-Menüs

Bootstrap stellt 4 Ereignisse für das Dropdown-Menü-Plug-in bereit, indem Sie auf das Benutzerverhalten in bestimmten Betriebsphasen reagieren. Diese Ereignisse und ihre Bedeutung sind in Tabelle 4-3 aufgeführt.

hidden.bs .dropdownDieses Ereignis wird ausgelöst, wenn das Dropdown-Menü ausgeblendet wurde (und der Übergangseffekt ausgeführt wurde)
Tabelle 4-3 Dropdown-Plug-In-Ereignisse und Bedeutungen
Ereignis Bedeutung
show.bs.dropdown Nachdem die Show-Methode aufgerufen wurde, wird das Ereignis sofort ausgelöst
shown.bs .dropdown Dieses Ereignis wird ausgelöst, wenn das Dropdown-Menü für den Benutzer sichtbar ist (und der Übergangseffekt abgeschlossen ist).
hide.bs.dropdown hide-Methode wird aufgerufen und dieses Ereignis wird unmittelbar nach dem Dropdown ausgelöst
Verwandte Empfehlungen: „

Bootstrap-Tutorial "

Wenn Entwickler die Funktionalität des Dropdown-Menüs anpassen möchten, können sie diese Ereignisse über JavaScript abhören, um entsprechende Vorgänge auszuführen. Zum Beispiel:

<script>
  $(&#39;#myDropdown&#39;).on(&#39;show.bs.dropdown&#39;, function () {
   alert("开始显示下拉菜单。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;shown.bs.dropdown&#39;, function () {
     alert("下拉菜单已经显示。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;hide.bs.dropdown&#39;, function () {
     alert("开始隐藏下拉菜单。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;hidden.bs.dropdown&#39;, function () {
     alert("下拉菜单已经隐藏。");
  });
</script>

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über Dropdown-Menüereignisse in Bootstrap3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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