javascript - Bootstrap Modal 无法打开 .hidden --> .show 尚未打开时

Question

情况:两个模态(modal1和modal2。modal1应该在modal1关闭后打开模态2。

1. 打开模态1
2. 点击按钮关闭Modal1并打开Modal2

JavaScript 代码:

              $("#btToOpenModal2").click(function() {
                  $('#modal1').modal('hide');

                  setTimeout(function(){ $('#modal2').modal('show'); }, 1000);

              });

问题:新模态仅显示灰色背景。

如果我确实首先使用按钮打开 modal2(然后关闭)，然后使用 javascript 代码(其他按钮)，那么它就可以工作了。

<button type="button" class="btn btn-info" data-toggle="modal" data-target="#modal2">Open Modal</button>

我真的不明白为什么那行不通，也许有人已经遇到过这个问题。

Answer 1

做这样的事情..

$('#modal1').on('hidden.bs.modal', function (e) {
  // do something...
});

hidden.bs.modal 在转换完成后 modal1 关闭时触发或者您想在关闭时立即触发它，请使用以下命令:

$('#modal1').on('hide.bs.modal', function (e) {
  // do something...
});