我正在尝试在页面加载时启动Bootstrap模态,而不触发HTML按钮或使用jQuery。
这是我的代码:
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div id="my-modal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Title</h4>
</div>
<div class="modal-body">
Hello World!
</div>
</div>
</div>
</div>
致电时此方法有效
$('#my-modal').modal('show');
但是我不想调用方法或触发按钮。有没有办法在页面加载时自动启动模式?
为创建一个CSS类.modal
并添加display:block
。也给in
班级模态div。
的CSS
.modal {
display:block;
}
的HTML
<div id="my-modal" class="modal fade in">
编辑:某种程度上默认关闭功能将不起作用,您需要为此添加自定义脚本。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句