`
天梯梦
  • 浏览: 13612312 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

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

 
阅读更多

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?

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics