1. 程式人生 > >Bootstrap- Modal對話方塊如何在關閉時觸發事件

Bootstrap- Modal對話方塊如何在關閉時觸發事件

下表列出了模態框中要用到事件。這些事件可在函式中當鉤子使用。
事件 描述 例項
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 () {
  // 執行一些動作...
})