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没有出现

回答

相关问题