jquery - 即使 show 设置为 false，Boostrap 的模式对话框也始终在刷新时显示

Question

我是 Bootstrap 新手，在使模式对话框正常工作时遇到一些问题。尽管设置了 show:false，但每次刷新页面时都会显示该对话框。

这是显示问题的 fiddle :Fiddle

代码:

<a class="btn" data-toggle="modal" href="#modalwrapper" >Log On</a>


<div class="modal" id="modalwrapper">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h2>Log On</h2>
    </div>

    <div class="modal-body span7">    
      Body
    </div>

    <div class="modal-footer">
        <a href="#" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>


$(function () {
    $('#modalwrapper').modal({
        backdrop: true,
        keyboard: true,
        show: false
    });
});

我已验证 .modal 调用正在执行。

我做错了什么？添加 display:none 样式可以解决问题，但这不是重点。

Answer 1

使用提供的hide Bootstrap 类隐藏模式

<div class="modal hide" id="modalwrapper">
  ..
</div>

(通过查看 bootstrap.css)基本上就是你想象的

.hide {
  display: none;
}