Javascript Bootstrap及其模型问题

我对引导有问题， 我在这些代码行中包含了我的模态（我使用Jade）：

启动演示模式
×闭合
情态标题
...
关
保存更改

当我点击按钮时，它会打开模式，但当我应该关闭模式时，它只会关闭模式并留下覆盖！我真的不明白为什么会这样

以下是关闭模式前后的屏幕截图：

之前：

之后：

---

根据你的说法，问题是什么

---

ps：不要触碰后面，它仍然不能正常工作：p

看到这一点，代码本身的行为是正确的。肯定还有其他因素。

<button data-toggle="modal" href="#myModal" class="btn btn-primary">Launch demo modal</button>
<div id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" data-dismiss="modal" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <h4 id="myModalLabel" class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">...</div>
       <div class="modal-footer">
         <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
         <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>