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>

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

1 个答案: