模态框MODAL的一些事件捕捉

Posted studyphp

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了模态框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 () {
  // 执行一些动作...
})

以上是关于模态框MODAL的一些事件捕捉的主要内容,如果未能解决你的问题,请参考以下文章

每日质量NPM包模态框_react-modal

angular-ui-bootstrap model 模态框出现的位置怎么调整

bootstrap shown.bs.modal 不起作用,因此模态框无法滚动到顶部

模态框-开启关闭事件

模态框(modal)自动居中

Bootstrap 模态框(Modal)使用