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>