Question

切换效果在html代码中不起作用，但是当我尝试使用jsfiddle时代码可以正常工作。我无法理解为什么。有人可以帮忙吗？

<html>
 <head>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  <script src="http://code.jquery.com/jquery-1.10.1.js"></script>

 </head>
<body>
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#40763">Toggle Check</button>
   <p id="40763" class="collapse in">Vinoth</p>

</body>

以下小提琴链接完美地运作jsfiddle

我尝试在正文的底部添加javascript和css。

Answer 1

bootstrap.js使用了jQuery，因此请更改脚本文件的包含顺序。

<script src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

演示：Problem，Solution

Answer 2

bootstrap js 取决于 jQuery 所以请更改您的订单以包含脚本

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

切换效果无法在纯HTML中使用

2 个答案: