javascript - 关闭和打开 Twitter Bootstrap Modals 很快就会导致问题

Question

我遇到一种情况，我打开了一个模型，当我关闭它并快速打开它时，我看到一个非常奇怪的行为，例如背景没有消失，模式没有显示。

我的代码如下

//Opening and Closing Modals

$("#modal").modal("show");
$("#modal").modal("hide");
$("#modal").modal("show");

我创建了一个JSFiddle .

Answer 1

只有在模态完全显示时才将其隐藏。

显示.bs.modal

当模式对用户可见时会触发此事件(将等待 CSS 转换完成)​​。

在此处查看模态事件

http://getbootstrap.com/javascript/

$('#myModal').on('show.bs.modal', function (e) {
  $('#myModal').modal('hide');
})