此代码不起作用,我不知道为什么。你能找到什么错误?
<!DOCTYPE html> <html lang="en">
<head>
<title></title>
<link href="C:\Users\h\Desktop\test\bootstrap-theme.css" rel="stylesheet"/>
<link href="C:\Users\h\Desktop\test\bootstrap.css" rel="stylesheet"/>
</head> <script src="C:\Users\jsorling\Desktop\test\bootstrap.min.js"></script>
<script src="C:\Users\h\Desktop\test\jquery-1.11.2.min.js"></script>
<script src="C:\Users\h\Desktop\test\npm.js"></script>
<body>
<div class="accordion-heading">
<a class="accordion-toggle"
data-toggle="collapse"
data-parent="#accordion2"
href="#collapseOne">Open!</a> </div> <div id="collapseOne" class="accordion-body collapse">
<div class="span6">
<div class="well well-small">
<div class="accordion-toggle">
...some text...
</div>
</div>
</div>
<div class="span2"></div> </div>
<div class="accordion-heading">
<a class="accordion-toggle"
data-toggle="collapse"
data-parent="#accordion2"
href="#collapseOne">Open!</a> </div> <div id="collapseOne" class="accordion-body collapse">
<div class="span6">
<div class="well well-small">
<div class="accordion-toggle">
...some text...
</div>
</div>
</div>
<div class="span2"></div> </div>
<div class="panel-group" id="accordion">
...
<div id="accordionOne" class="panel-heading"></div>
...
<div id="accordionTwo" class="panel-heading"></div>
...
<div id="accordionThree" class="panel-heading"></div> </div>
<div class="panel-group" id="accordion">
...
<div id="accordionOne" class="panel-heading"></div>
...
<div id="accordionTwo" class="panel-heading"></div>
...
<div id="accordionThree" class="panel-heading"></div> </div>
<div class="accordion-group">
<div class="accordion-heading">
<a name="Alink1" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
<strong>Title</strong>
</a>
</div>
<div id="collapseOne" class="accordion-body in collapse" style="height: auto; ">
<div class="accordion-inner">
some random content
<div>
</div> </div> <div class="accordion-group">
<div class="accordion-heading">
<a name="Alink2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
<strong>Title 2</strong>
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse" style="height: 0px; ">
<div class="accordion-inner">
some random content 2
<div>
</div> </div>
</body> </html>
答案 0 :(得分:0)
css和js的路径导致错误。首先加载jquery。更改javascript的src和css的href。 像
<!DOCTYPE html> <html lang="en">
<head>
<title></title>
<link href="bootstrap-theme.css" rel="stylesheet"/>
<link href="bootstrap.css" rel="stylesheet"/>
</head>
<script src="jquery-1.11.2.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="npm.js"></script>
<body>
答案 1 :(得分:0)
guest271314有答案。
Try placing jQuery <script src="C:\Users\h\Desktop\test\jquery-1.11.2.min.js"></script> before bootstrap <script src="C:\Users\jsorling\Desktop\test\bootstrap.min.js"></script> , moving both with <script src="C:\Users\h\Desktop\test\npm.js"></script> below above two into <head></head> tag