Javascript 手风琴不';t崩溃

Javascript 手风琴不';t崩溃,javascript,twitter-bootstrap,accordion,collapse,Javascript,Twitter Bootstrap,Accordion,Collapse,以下手风琴代码对我来说工作不正常 <div class="accordion" id="accordion1"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href

以下手风琴代码对我来说工作不正常

<div class="accordion" id="accordion1">
    <div class="accordion-group">
      <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse"
           data-parent="#accordion1" href="#note1">
          Foo
        </a>
      </div>
      <div class="accordion-body collapse" id="note1">
        <div class="accordion-inner">
          <pre>Foo body</pre>
        </div>
      </div>
    </div>
    <div class="accordion-group">
      <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse"
           data-parent="#accordion1" href="#note2">
          Bar
        </a>
      </div>
      <div class="accordion-body collapse" id="note2">
        <div class="accordion-inner">
          <pre>Bar body</pre>
        </div>
      </div>
    </div>
</div>

富体
杆体

它会显示,项目会正确展开,但项目不会折叠。单击打开的项目时,它会短暂折叠,然后再次展开。我在引导版本2.1.0和2.1.1上见过这种行为。另外,我正在使用JQuery 1.7.2和1.8.2,并在Chrome 22中查看。

问题在于我意外地两次包含了所有javascript脚本文件。删除副本修复了所有问题。我不知道这个错误有多常见,但是如果将来有人遇到这个问题,那么得到这个答案可能会有帮助,而不仅仅是删除这个问题。

我也有同样的问题。问题是我在引导之后加载了jQuery

对我来说很好。你的头部是什么样的?你提到你正在使用两个版本的jquery,为什么?另外,您包括哪些版本的引导js?个人插件还是插件包?是的,它在JSFIDLE上对我也很好,但在我的网站上仍然不起作用。我没有同时使用两个版本。我只是想让人们知道,我已经尝试过了,并且在两个不同版本的引导和两个不同版本的JQuery中遇到了相同的问题。在调试崩溃类之后,我发现了与您相同的双重加载问题。我正在使用TwitterBootstrap rails来包含bootstrap。我们通过一个需要bootstrap.js的菜单运行了相同的东西,然后使用require在应用程序中重新加载它。我们通过在我们的应用程序中使用显式javascript而不是数据注释来处理accordion展开/折叠来解决这个问题。同样的问题——至少花了一个小时,甚至更多时间,调试这个问题,结果发现bootstrap.min.js被两个不同的文件包含了两次。我解决了这个问题(直到读了这篇文章之后我才意识到),现在它工作得很好。感谢您首先犯下这个错误,并考虑将其记录下来!我的Drupal主题需要引导,子主题也需要库,删除了
custom\u theme.libraries.yml中的行