Twitter引导模式数据
我正在尝试获取模态数据,以便在单击时关闭模态。似乎有一个问题,我找不到文件,希望有人在这里可以阐明它。这是密码Twitter引导模式数据,twitter,twitter-bootstrap,modal-dialog,Twitter,Twitter Bootstrap,Modal Dialog,我正在尝试获取模态数据,以便在单击时关闭模态。似乎有一个问题,我找不到文件,希望有人在这里可以阐明它。这是密码 <!DOCTYPE html> <html> <head> <meta charset='UTF-8'/> <title> Modal test </title> <link href='themes/default/bootstrap/css/bootstrap.css' rel='
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'/>
<title> Modal test </title>
<link href='themes/default/bootstrap/css/bootstrap.css' rel='stylesheet'/>
<link href='themes/default/bootstrap/css/bootstrap-responsive.css' rel="stylesheet"/>
</head>
<body>
<div class="modal" id="myModal">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
<div class="alert alert-block">
<a class="close" data-dismiss="alert" href="#">x</a>
<h4 class="alert-heading">Warning!</h4>
Best check yo self, you're not...
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="themes/default/bootstrap/js/bootstrap.js"></script>
</body>
</html>
模态试验
×
模态头
一个好身体
警告
最好检查一下你自己,你不是。。。
是包括bootstrap-modal.js在内的完整引导套件
我将
用于测试动作,它似乎在警报中有效,但在模式中无效 请添加此代码:
<script type="text/javascript">
$(document).ready(function() {
$('#myModal').modal(); // initialized with defaults
$('#myModal').modal('show'); // open your modal dialog
});
</script>
$(文档).ready(函数(){
$('#myModal').modal();//使用默认值初始化
$('#myModal').modal('show');//打开模态对话框
});
您正在调用$(“#myModal”).modal('show')函数吗?下面是一个很好的例子:“Show”是默认设置,所以两个#myModal行应该做同样的事情。