为什么手风琴没有解体？

Question

我正在使用 angular 应用程序生成器 Yeoman 和 Bower bootstrap。刚开始用 bootstrap 3 定义了一个手风琴，这是其中的一部分：

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="">1. What is HTML?</a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
      <div class="panel-body">
        <p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages. <a href="http://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
      </div>
    </div>
  </div>

我在 index.html 中定义了 bootstrap.js 和 bootstrap.css:

 <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />

看起来切换没有在下一个 div 中设置折叠 class。我的 bootstrap 版本是否错误/我是否需要添加一些额外的功能？

Answer 1

我刚在 Bootstrap 3 "Getting Started" 部分找到此页面。

对于 Bootstrap 3 存在对 JQuery 的依赖设置为 1.9.0 或更高版本

http://getbootstrap.com/getting-started/#whats-included

在那里你可以找到一个 link 到他们在 GitHub 上托管的 Bower 文件，其中清楚地写着 Bootstarp 3.0.2

所需的 JQuery 的最低版本

和

href="#collapseOne" 第 4 行缺少此内容

Answer 2

弄明白了，要把href改成data-target:

<a data-toggle="collapse" data-parent="#accordion"
           data-target="#accordionOne">
          Collapsible Accordion 1
</a>

现在是喝啤酒的时候了。

为什么手风琴没有解体？

Why is the accordion not decollapsing?

twitter-bootstrap

angularjs

twitter-bootstrap-3