Twitter Bootstrap對話框顯示「2次」

我使用Twitter Bootstrap構建我的網站。我發現我的對話框顯示「2次」。如果你不知道我在說什麼（7天內到期），那麼這裏有一段視頻。 Watch this video Twitter Bootstrap對話框顯示「2次」

注：我只點擊了關閉按鈕一次。你可以看到有一個關於我點擊關閉的對話框，它在不到1秒內消失了。

這是我的代碼。

<div class="modal fade" id="contactModel" tabindex="-1" role="dialog"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
         <h4 class="modal-title">Contact</h4> 
        </div> 
         <div class="modal-body"> 
         <p id="modelText">Thank you! Your submission has been received!</p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div>

我的按鈕調用JavaScript。

<button onclick="submitForm()" type="button" id="submit" class="btn btn-primary">Send</button>

我的JavaScript

$('#contactModel').modal('show');

誰能幫我解決這個問題？先謝謝了。

來源

2014-10-22 Jeremy

您可以在演示中複製該問題嗎？ – dfsq 2014-10-22 11:10:16

我不知道如何使用jsfiddle。 – Jeremy 2014-10-22 11:24:51

我沒有看到你的按鈕的代碼，但我想你已經在兩種方式中使用bootstrap模式：通過數據屬性和通過js。選擇一個。在「用法」中查看http://getbootstrap.com/javascript/#modals。

無論如何，如果它不是按鈕，那麼你的代碼運行良好。這裏是一個證明：http://www.bootply.com/eYXtmm6Yrr。

來源

2014-10-22 11:10:40 DebbieMiller

該模型默認情況下不顯示。點擊按鈕後，我的JavaScript做了一個動作，模型終於顯示出來。 – Jeremy 2014-10-22 11:17:51

請顯示您的按鈕代碼。我想你不明白我的答案。 – DebbieMiller 2014-10-22 11:21:28

已編輯。請參閱上面的代碼。 – Jeremy 2014-10-22 11:26:05

Twitter Bootstrap對話框顯示「2次」

回答

相關問題