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

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.

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!