bootstrap 3 模态窗口关闭按钮不会关闭模态窗口

Question

我正在使用 bootstrap 3 框架。我创建了一个模态窗口，它打开得很好，我单击关闭按钮，没有任何反应。我在模态窗口外单击，它会关闭并返回我的网页。我无法让关闭按钮工作。我试过'隐藏''切换'......什么都没有。任何见解都非常感谢！

> <div class="person">  <h2>Person name</h2> <p><a href="#"
> id="John-bio" class="position"> John Smiths Bio</a></p> 

> <div class="modal hide" id="John"> 
    > <div class="modal-header"> <h1> John Smith Bio</h1> </div> 
    > <div class="modal-body"> <p>With more than...</div> 
    > <div class="modal-footer"> <a href="#" class="btn">Close</a> </div> 

> $(function() {
> $("#John-bio").click(function(e) { e.preventDefault();
> $("#John").modal('show'); }); });

Answer 1

您需要像这样向按钮添加关闭操作：data-dismiss="modal"

<div class="modal hide" id="John"> 
    > <div class="modal-header"> <h1> John Smith Bio</h1> </div> 
    > <div class="modal-body"> <p>With more than...</div> 
    > <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a>
</div>