当前位置: 首页 > 工具软件 > The Modal > 使用案例 >

Bootstrap 3: 监听弹出窗口关闭/打开事件 How to handle the modal closing event in Twitter Boot...

慕容恩
2023-12-01

Updated for Bootstrap 3

Bootstrap 3 documentation refers two events you can use

hide.bs.modal: This event is fired immediately when the hide instance method has been called.
hidden.bs.modal: This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete).

And provides an example on how to use them:

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
})

$('#myModal').on('show.bs.modal', function (e) {
  if (!data) return e.preventDefault() // stops modal from being shown
})

 

Legacy Bootstrap 2.3.2 answer

Bootstrap's documentation refers two events you can use

hide: This event is fired immediately when the hide instance method has been called.
hidden: This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).

And provides an example on how to use them:

$('#myModal').on('hidden', function () {
    // do something…
})

$('#myModal').on('show', function (e) {
    if (!data) return e.preventDefault() // stops modal from being shown
})

参考:http://stackoverflow.com/a/12319710/602382

 

 

原文/转自:Bootstrap 3: 监听弹出窗口关闭/打开事件 How to handle the modal closing event in Twitter Bootstrap?

 

 

 

 

 

 

 

 

 

 

 类似资料: