wil*_*fra 0 javascript twitter-bootstrap twitter-bootstrap-3
<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">
...
</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">
...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
Collapsible Group Item #3
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
...
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
它只是来自Bootstrap文档的复制/粘贴手风琴.
根据http://getbootstrap.com/javascript/,我不需要做任何其他事情来使手风琴工作.但事实并非如此.
我究竟做错了什么?
添加了Jquery 1.9.1,Bootstrap 3 CSS和Bootstrap 3 JS.现在您的手风琴正常工作.在jsFiddle查看
下次,请仔细阅读文档.例如,对于BS3,在页面http://getbootstrap.com/getting-started/上,有一个名为的子部分what's included,其中包含用红框标记的内容.
更新:引导程序需要jQuery才能工作.请检查启动器模板