可能會得到一個靜態模態在bootstrap中關閉？

Question

我們有一個頁面，客戶希望模態在頁面視圖中可見。我遇到了bootstrap模式不會關閉的問題，除非您手動啓動它

我做錯了什麼？如果你點擊啓動模式（即使壽的模式已經是可見的），然後你可以將其關閉

這裏的HTML：

<a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a> 

<div class="modal" id="myModal"> 
    <div class="modal-header"> 
    <button class="close" data-dismiss="modal" data-target="#myModal">&times;</button> 
    <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <a href="#" class="btn" data-dismiss="modal" data-target="#myModal">Close</a> 
    <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div>​ 

的CSS只是Bootstap東西。我們根本沒有使用任何JavaScript代碼。

Live copy on jsFiddle

Answer 1

你不是「發射」的模式，你就必須行內標記，這是明顯的。模態並沒有真正被打開過。

使隱藏的模式（添加style="display: none"到#myModaldiv），然後觸發打開它使用.modal('show')從ready：

jQuery(function($) { 
    $('#myModal').modal('show');​​ 
}); 

Updated fiddle

這將掛鉤關閉按鈕所需的處理程序，正確定位，做背景覆蓋等。