关闭Bootstrap模式后无法单击任何内容

Question

我有一个我通过javascript打开的bootstrap模式：

$('#myModal').modal('show');
$('.modal-content').load("page.html");

为了关闭模态，我触发了这段代码：

$("div#myModal.modal.fade").trigger("click");

我的问题是，当模态关闭时，页面中的任何内容都不能再次被点击。

有什么想法吗？

Answer 1

问题是因为你只是隐藏了模态用户界面，你没有清除捕捉鼠标事件并停止它们的模态背后的叠加层。

要执行您需要的操作，请使用Bootstrap的内置方法关闭模态，而不是触发.fade元素上的点击：

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

Answer 2

  

.modal（ '隐藏'）

     

手动隐藏模态。在模态之前返回调用者   实际上是隐藏的（即在hidden.bs.modal事件发生之前）。

为什么不像打开

那样关闭模态

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