bootstrap modal框的事件监控（modal框打开和关闭触发事件）

事件：

1、show.bs.modal，当 show 实例方法被调用之后，此事件被立即触发。

//id选择器选中modal框
$('#modal').on('show.bs.modal', function () {
  // 执行一些动作...
})

2、shown.bs.modal，当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。

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

3、hide.bs.modal，当调用 hide 实例方法时触发。

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

4、hidden.bs.modal，当模态框完全对用户隐藏时触发。

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