angularjs手风琴不能正常工作

时间:2014-01-10 05:56:42

标签: javascript angularjs twitter-bootstrap

我正在使用带有引导程序的angularJS,但是手风琴功能无法正常工作,因为#会强制我进入不同的页面,而不是实际使用手风琴。如果没有下载大量内容,我能做些什么吗?

继承我的代码

<link rel="stylesheet" type="text/css" href="./CSS/bootstrap.css">
<div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#myaccordion" href="#first">
                                             Section One
                                </a>
                            </div>

                            <div id="first" class="accordion-body collapse in">
                                <div class="accordion-inner">
                                   Random words
                                </div>
                            </div>

                        </div>

    <script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.js">          </script>

<script src="./JS/index.js"></script>
<script src="./JS/bootstrap.js"></script>

1 个答案:

答案 0 :(得分:0)

你的jQuery lib在哪里?

这很好For test

<div class="accordion-group">
<div class="accordion-heading">
  <a class="accordion-toggle" data-toggle="collapse" data-parent="#myaccordion" href="#first">Section One</a>
</div>

<div id="first" class="accordion-body collapse in">
  <div class="accordion-inner">Random words</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.js">              </script>