Javascript 模态窗口阻止我的页面

我有一个模式窗口，但当我关闭模式时，我的页面被阻止。我什么也做不了。我需要刷新页面以使所有内容重新工作！ 奇怪的是，有时一切都很好，有时一切都被阻塞了

打开模型的按钮：

<button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModalCode">Approve</button>

例如：

我的应用程序中的模式窗口：

然后我单击提交，一切正常，文档已批准，但页面被锁定：

---

知道页面被阻止的原因吗？提前感谢

这里讨论了类似的问题：

似乎您在处理提交的方式上存在一些问题。也许最简单的修复方法是，如上面链接中的一条评论所述，添加以下修复以删除背景：

$('.modal-backdrop').hide();

---

或者，您甚至可以将其删除（）。我认为，如果打开，modal将重新创建它。

类似的问题在这里讨论：

似乎您在处理提交的方式上存在一些问题。也许最简单的修复方法是，如上面链接中的一条评论所述，添加以下修复以删除背景：

$('.modal-backdrop').hide();

---

或者，您甚至可以将其删除（）。我想，如果打开的话，modal会重新创建它。

看起来您正在使用它。 引导不仅打开模式，而且打开页面掩码。所以您需要调用bootstrap方法来关闭。使用代码检查器，您可以发现body获得class=“modal open”和带有“modal background fade in”的额外div

---

只需使用

关闭

或带有'data dismission=“modal”'的yr元素，一切正常）

看起来您正在使用。 引导不仅打开模式，而且打开页面掩码。所以您需要调用bootstrap方法来关闭。使用代码检查器，您可以发现body获得class=“modal open”和带有“modal background fade in”的额外div

只需使用带有“data dismission=“modal”的

Close

或yr元素，一切正常即可）

在我添加$（'.modal background'）.hide（）之后；一切正常：）

---

在我添加$（'.modal background'）.hide（）之后；一切正常：）

透明的黑色可能是一个div，您不能在模式窗口中删除它。模式窗口的整个要点是它会阻止其他活动。这个透明的黑色可能是一个div，你不能在模态窗口中删除它。模态窗口的全部意义在于它阻止了其他活动。谢谢你的回答，但我真的错过了：$（'.modal background'）.hide（）；谢谢你的回答，但我真的错过了：$（'.modal background'）.hide（）；

$('.modal-backdrop').hide();

    function closeModal(name){
         $("#"+name).modal('hide');
         // I added the next line
         $('.modal-backdrop').hide();
    }