javascript - 可以在引导程序中关闭静态模式吗？

Question

我们有一个页面，客户希望模态在页面视图中可见。我遇到了引导模式不会关闭的问题，除非您手动启动它

难道我做错了什么？如果您单击启动模式（即使模式已经可见），您也可以将其关闭

这是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…&lt;/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 代码。

jsFiddle 上的实时副本

Answer 1

您不是在“启动”模式，您只是有可见的内联标记。模态还没有真正打开。

使模态隐藏（添加style="display: none"到#myModal div），然后使用.modal('show')from触发打开它ready：

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

更新的小提琴

That will hook up the required handlers for the close button, position it properly, do the background overlay, etc.