下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。
事件
描述
实例
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 () {
// 执行一些动作...
})
实例
下面的实例演示了事件的用法: