引導情態動詞行爲不端

我試圖自舉模式添加到已存在的頁面，我遇到了以下問題：引導情態動詞行爲不端

模態顯示正是我希望它在的地方尋找內容相當漂亮，但我有兩個問題。如果我僅指定class="modal"，則默認情況下模式會在頁面加載時顯示並且不會關閉。如果我包含class="modal hide"，那麼模式不會在頁面加載時顯示，但在單擊相應按鈕時也不會關閉。

我並沒有在Bootstrap網站上做出任何大的偏離modals sample code，任何想法出了什麼問題？

這裏是一個本應啓動模式按鈕：

<a class="btn" data-toggle="modal" href="#testmodal" >About</a>

而這裏的模式本身：

<div class="modal hide fade in" id="testmodal"> 
     <div class="modal-header"> 
      <button class="close" data-dismiss="modal">x</button> 
      <h3>Modal Header</h3> 
     </div> 
     <div class="modal-body"> 
      <p>body</p> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn">Close</a> 
     </div> 
    </div>

並記錄在案，是的，我沒記住，包括自舉modal.js和bootstrap-transition.js

來源

2012-05-20 David Perry

你確定jquery和bootstrap被正確加載嗎？打開一個控制檯（螢火蟲或鉻控制檯），並確保你沒有得到任何錯誤。 – geoffreydv

@geoffreydv你應該做出答案，以便我可以接受它。儘管我明確地在Bootstrap的下載頁面上選擇了這些模塊，但出於某種原因，它們實際上並不在zip中。我不得不從GitHub下載所有東西並手動放置文件 - 不知道爲什麼發生了......在任何情況下，這是問題，謝謝！〜 –

很高興您的問題得到解決。

此外，如果你想要沒有自定義任何東西的默認引導功能，只需使用主頁面上的大下載按鈕。此zip文件包含一個默認的bootstrap.min.js文件，其中包含所有插件（如模式對話框等）。如果你使用那個而不是所有的單獨的javascript文件，你的頁面可以減少請求並加載更快。

來源

2012-05-20 20:31:09 geoffreydv

您的關閉鏈接應該是這樣的：

<a class="close" data-dismiss="modal">×</a>

因爲data-dismiss是一個自定義的HTML5數據屬性。它用於關閉模態窗口。

來源

2012-05-20 11:02:35 assaqqaf

引導情態動詞行爲不端

回答

相關問題