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 スクリプト ファイルを誤って 2 回含めてしまったことです。重複を削除すると、すべてが修正されました。この間違いがどれほど一般的かはわかりませんが、将来誰かがこの問題を抱えている場合は、質問を削除するだけでなく、この回答が役立つ場合があります.

于 2012-10-01T17:50:16.497 に答える
2

私も同じ問題を抱えていました。問題は、ブートストラップ後に jQuery をロードしたことです。

于 2013-05-09T20:26:52.340 に答える