10

以下手风琴代码对我来说无法正常工作。

<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 中查看。

4

2 回答 2

33

问题最终是我不小心包含了我所有的 javascript 脚本文件两次。删除副本修复了一切。我不知道这个错误有多普遍，但是如果将来其他人遇到这个问题，那么得到这个答案而不是仅仅删除问题可能会有所帮助。

于 2012-10-01T17:50:16.497 回答
2

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

于 2013-05-09T20:26:52.340 回答