1. 程式人生 > >bootstrap modal框的事件監控(modal框開啟和關閉觸發事件)

bootstrap modal框的事件監控(modal框開啟和關閉觸發事件)

事件:

1、show.bs.modal,當 show 例項方法被呼叫之後,此事件被立即觸發。

//id選擇器選中modal框
$('#modal').on('show.bs.modal', function () {
  // 執行一些動作...
})

2、shown.bs.modal,當模態框對使用者可見時觸發(將等待 CSS 過渡效果完成)。

$('#modal').on('shown.bs.modal', function () {
  // 執行一些動作...
})

3、hide.bs.modal,當呼叫 hide 例項方法時觸發。

$('#modal').on('hide.bs.modal', function () {
  // 執行一些動作...
})

4、hidden.bs.modal當模態框完全對使用者隱藏時觸發。

$('#modal').on('hidden.bs.modal', function () {
  // 執行一些動作...
})