关于手动关闭BootStrap模态框

2022-05-26 13:44:45

在网上找手动关闭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>

以后再改进吧。

码农公寓