我正在尝试使用 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
, eg
<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-struct http://getbootstrap.com/2.3.2/getting-started.html#file-structure
请注意,所有 JavaScript 插件都需要包含 jQuery。
或者现代的等价物~http://getbootstrap.com/getting-started/#jquery-required http://getbootstrap.com/getting-started/#jquery-required
需要 jQuery
请注意所有 JavaScript 插件都需要 jQuery被包括在内,如图所示入门模板 http://getbootstrap.com/getting-started/#template. 请咨询我们的bower.json https://github.com/twbs/bootstrap/blob/master/bower.json查看支持哪些版本的 jQuery。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)