溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關Bootstrap3中下拉菜單事件的實現方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
Bootstrap為下拉菜單插件提供了 4 個事件，通過監聽這些事件，可以對特定操作階段的用戶行為作出響應。這些事件及含義見表 4?3。
| 事件 | 含義 |
|---|---|
| show.bs.dropdown | show方法調用之后，立即觸發該事件 |
| shown.bs.dropdown | 當下拉菜單已經對用戶可見（并且過渡效果執行完畢）之后，觸發該事件 |
| hide.bs.dropdown | hide方法調用之后，立即觸發該事件 |
| hidden.bs.dropdown | 當下拉菜單已經被隱藏（并且過渡效果執行完畢）之后，觸發該事件 |
如果開發人員希望定制下拉菜單的功能，就可以通過JavaScript監聽這些事件，來執行相應的操作。如：
<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>感謝各位的閱讀！關于“Bootstrap3中下拉菜單事件的實現方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
