關於手動關閉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>

以后再改進吧。