引导停止模式显示在页面加载上
引导停止模式显示在页面加载上
提问于 2012-09-21 09:27:33
当我点击某个按钮时，我只想让Modal显示出来。
现在，每当我加载页面时，Modal就会显示自己。
有人能告诉我我哪里出了大错吗？
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>我正在使用ASP.NET MVC 3
编辑：i只有以下内容作为：
<script>
$('#myModal').on('show', function() {
});
</script>以下是我对CSS和JS的参考：
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<script src=@Url.Content("https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js") type="text/javascript"> </script>
<script src=@Url.Content("../../Content/lib/bootstrap/js/bootstrap.min.js") type="text/javascript"></script>
<link href=@Url.Content("/Content/lib/bootstrap/css/bootstrap.min.css") rel="stylesheet" type="text/css" />
<link href=@Url.Content("/Content/lib/bootstrap/css/bootstrap-responsive.min.css") rel="stylesheet" type="text/css" />
<link href=@Url.Content("../../Content/lib/bootstrap/css/bootstrap-combobox.css") rel="stylesheet" type="text/css" />
</head>回答 6
Stack Overflow用户
回答已采纳
发布于 2012-09-21 10:05:47
要使模式正常工作，您应该包括：
- jquery
- bootstrap-min.js
引导程序使用模式中的自定义属性查找并应用javascript功能。您不需要自己编写绑定。
Stack Overflow用户
发布于 2012-09-21 14:12:31
将.hide类添加到模型中：
<div class="modal hide fade">
...
</div>Stack Overflow用户
发布于 2014-01-21 09:50:14
不需要使用任何javascript，如果您不希望在页面加载中显示您的模式，只需使用下面的代码在Bootstrap中创建一个简单的模式
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<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" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<h1>Hello World!</h1>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12527802
复制相关文章
相似问题
腾讯云开发者
