关于手动关闭BootStrap模态框

在网上找手动关闭BootStrap模态框的解决方法，说是(需要引用bootstrap.js等)：

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

但是我发现我的只能关闭

，

不能关闭下面那半透明层。找了下发现是出现这两行代码的缘故。

<div class="modal-backdrop fade in"></div>
<div class="modal-backdrop fade in"></div>

所以，我就用了笨办法，在css中加了个类

.yincang{display:none;}

然后在js中，又加了行代码：

$(".modal-backdrop").addClass("yincang");

所以对于手动关闭BootStrap模态框，我目前的解决办法是

<style>
    .yincang{display:none;}
</style>
<script>
    $("#myModal").modal('hide');
    $(".modal-backdrop").addClass("yincang");
</script>

但是还是有点点问题。点击“close”时，那两个<div>是消失的，但是现在我改后，当点击“Call to action”后，仍然存在一个<div>，是这样子的：

<div class="modal-backdrop fade in yincang"></div>

以后再改进吧。

 

转载于:https://www.cnblogs.com/cocozj945/p/5142822.html