(网页)bootstrap模态框手动关闭(转)

在菜鸟教程上的bootstrap 上面的模态框上看到的:

下面是一些可与 modal() 一起使用的有用的方法。

$('#identifier').modal({
keyboard: false
})

手动切换模态框。

$('#identifier').modal('toggle')

手动打开模态框。

$('#identifier').modal('show')

手动隐藏模态框。

$('#identifier').modal('hide')

事件

下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。

在调用 show 方法后触发。

$('#identifier').on('show.bs.modal', function () {
  // 执行一些动作...
})

当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。

$('#identifier').on('shown.bs.modal', function () {
  // 执行一些动作...
})

当调用 hide 实例方法时触发。

$('#identifier').on('hide.bs.modal', function () {
  // 执行一些动作...
})

当模态框完全对用户隐藏时触发。

$('#identifier').on('hidden.bs.modal', function () {
  // 执行一些动作...
})

　　原文地址:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html

转载于:https://www.cnblogs.com/historylyt/p/8204318.html