我正在尝试使用 Twitter bootstrap 网站上提供的示例让崩溃工作。当我尝试这段代码时,单击链接以折叠内容什么也没做。 这是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
Collapsible Group Item #2
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
</div>
</body>
</html>
最佳答案
Bootstrap 的 JavaScript 库依赖于 jQuery。您需要在 bootstrap.js
之前包含它,例如
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>
请参阅此处的说明 - http://getbootstrap.com/2.3.2/getting-started.html#file-structure
Please note that all JavaScript plugins require jQuery to be included.
或者现代的等价物 ~ http://getbootstrap.com/getting-started/#jquery-required
jQuery required
Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template. Consult our
bower.json
to see which versions of jQuery are supported.
关于javascript - Twitter Bootstrap Collapse 什么都不做,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18179344/