Heim > Artikel > Web-Frontend > 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.
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.
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 |
Dieses Ereignis wird ausgelöst, wenn das Dropdown-Menü ausgeblendet wurde (und der Übergangseffekt ausgeführt wurde) |
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> $('#myDropdown').on('show.bs.dropdown', function () { alert("开始显示下拉菜单。"); }); $('#myDropdown').on('shown.bs.dropdown', function () { alert("下拉菜单已经显示。"); }); $('#myDropdown').on('hide.bs.dropdown', function () { alert("开始隐藏下拉菜单。"); }); $('#myDropdown').on('hidden.bs.dropdown', 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!