我是 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 样式可以解决问题,但这不是重点。
最佳答案
使用提供的hide
Bootstrap 类隐藏模式
<div class="modal hide" id="modalwrapper">
..
</div>
(通过查看 bootstrap.css
)基本上就是你想象的
.hide {
display: none;
}
关于jquery - 即使 show 设置为 false,Boostrap 的模式对话框也始终在刷新时显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9958276/