调用show / hide时，Bootstrap模式不起作用

Question

我注意到，当我快速打开和关闭模态对话时，模态对话迟早会无法打开，直到重新加载网页。

我使用以下代码打开对话框：

$('#myModal').modal('show');

关闭它：

$('#myModal').modal('hide');

正如我所说，如果我快速打开和关闭模式对话（每秒2次）就会出现问题。我做了一些研究，发现问题可能是由show / hide的异步性造成的。

有没有人有任何建议如何解决这个问题？

Answer 1

模态在可见或隐藏时会触发各种事件。使用这些来确定模态是可见还是隐藏，然后触发显示/隐藏。

// When modal visible
$('#exampleModal').on('shown.bs.modal', function (event) {
});

// When modal hidden
$('#exampleModal').on('hidden.bs.modal', function (event) {
});