Question

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

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

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

Live copy on jsFiddle

Answer 1

你没有“启动”模态，你只需要可见的内联标记。模态还没有真正打开过。

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

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

Updated fiddle

这将为关闭按钮连接所需的处理程序，正确定位，执行背景叠加等。

可以在bootstrap中关闭静态模态？

1 个答案: