课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

请问为什么点击没有效果

来源：8-7 模态弹出框--触发模态弹出窗2种方法

慕侠0285453

2018-05-30 22:04

<!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 class="btn btn-primary" type="button" data-toggle="modal" data-target="#mymodal-data">通过data-target触发</button>

<!-- 模态弹出窗内容 -->

<div class="modal" 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>


写回答 关注

1回答

  • 慕侠0285453
    2018-05-30 22:07:34

    script的地址有问题，改成下面这个就行了

    <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 


    0 1

玩转Bootstrap（基础）

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

314543 学习 · 2275 问题

查看课程

相似问题

点击没有任何效果

回答 2

下拉菜单右侧视图中点击为什么没有效果

回答 3

怎么没有焦点看出来效果

回答 1

为何没有效果？

回答 4

这一个为什么没有动画效果呢？

回答 3

打开慕课网App查看更多内容