下表列出了模態框中要用到事件。這些事件可在函數中當鈎子使用。
| 事件 | 描述 | 實例 |
|---|---|---|
| show.bs.modal | 在調用 show 方法后觸發。 | $('#identifier').on('show.bs.modal', function () { // 執行一些動作... }) |
| shown.bs.modal | 當模態框對用戶可見時觸發（將等待 CSS 過渡效果完成）。 | $('#identifier').on('shown.bs.modal', function () { // 執行一些動作... }) |
| hide.bs.modal | 當調用 hide 實例方法時觸發。 | $('#identifier').on('hide.bs.modal', function () { // 執行一些動作... }) |
| hidden.bs.modal | 當模態框完全對用戶隱藏時觸發。 | $('#identifier').on('hidden.bs.modal', function () { // 執行一些動作... }) |