Twitter Bootstrap Modal沒有出現

我使用twitter bootstrap創建的任何模式都無法顯示。我不確定我在做什麼錯誤，因爲我使用bootstrap提供的代碼設置了一個測試模式，但它仍然不起作用。Twitter Bootstrap Modal沒有出現

這裏是我的代碼（僅機身）：您需要鏈接到bootstrap.js，引導-modal.js，的jquery.js和bootstrap.css

<body> 
    <div class="modal hide" id="myModal"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal"> 
       &times; 
      </button> 
      <h3>Modal header</h3> 
     </div> 
     <div class="modal-body"> 
      <p> 
       Modal body would go here... 
      </p> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn" data-dismiss="modal">Close</a> 
      <a href="#" class="btn btn-primary">Save changes</a> 
     </div> 
    </div> 

    <a data-toggle="modal" href="#myModal">Show Modal</a> 
</body>

這裏是鏈接到引導包和jQuery自舉模式的需求： bootstrap package jquery

來源

2012-07-15 Jonathan Wrona

我的問題是，我是既包括boostrap.js和引導，modal.js。顯然，如果你包含bootstrap.js，你不應該包含bootstrap-modal.js，因爲boostrap.js會導入所有兼容的javascript插件。類似的東西。刪除我的boostrap-modal.js腳本鏈接後，它工作。

來源

2012-07-26 18:54:45

你要撥打：

<script> 
    $('#myModal').modal('show') 
</script>

後</body>標記。或者，如果你只想把它當用戶點擊的東西：

$('#button_id').click(function(){ 
    $('#myModal').modal('show') 
});

來源

2012-07-15 01:03:55

我的問題是，我包括boostrap.js和bootstrap-modal.js。顯然，如果你包含bootstrap.js，你不應該包含bootstrap-modal.js，因爲boostrap.js會導入所有兼容的javascript插件。類似的東西。刪除我的boostrap-modal.js腳本鏈接後，它工作。雖然謝謝！ – 2012-07-15 01:08:58

Twitter Bootstrap Modal沒有出現

回答

相關問題