为了账号安全,请及时绑定邮箱和手机立即绑定

都按照要求做了啊 为什么点击弹出不了??

都按照要求做了啊  为什么点击弹出不了??

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>模态弹出窗的使用</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<!--下面是代码任务部分-->

<!-- href触发模态弹出窗元素 -->
<a class="btn btn-primary" data-toggle="modal" href="mymodal-link">通过链接href属性触发</a>
<!-- 模态弹出窗内容 -->
<div class="modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="mymodal-link">
    <div class="modal-dialog">
    	<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">模态弹出窗标题</h4>
			</div>
			<div class="modal-body">
				<p>模态弹出窗主体内容</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary">保存</button>
			</div>
		</div>
	</div>
</div>

<!-- data-target触发模态弹出窗元素 -->
<button type="button" class="btn btn-primary" data-target="mymodal-data" data-toggle="modal">通过data-target触发</button>

<!-- 模态弹出窗内容 -->
<div class="modal fade" id="mymodal-data" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">模态弹出窗标题</h4>
			</div>
			<div class="modal-body">
				<p>模态弹出窗主体内容</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary">保存</button>
			</div>
		</div>
	</div>
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
</body>
</html>


正在回答

4 回答

可以把html中的css样式代码放入style.css文件中可以,也就是style.css是写css样式代码的。

0 回复 有任何疑惑可以回复我~

因为你都没加# ,href和data-target里的id都要加#

1 回复 有任何疑惑可以回复我~

要加上css选择器里面的id #符号

0 回复 有任何疑惑可以回复我~

href值和data-target值前面加#

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

都按照要求做了啊 为什么点击弹出不了??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信