2

何らかの理由で、ブートストラップ Web サイトの折りたたみの例が Chrome で壊れています。このマークアップを自分のページに貼り付けたところ、単純なアコーディオンが FireFox では正常に機能しましたが、Chrome では機能しなくなりました。Chrome で壊れる方法は、2 つのペインを 1 回切り替えるだけで、それ以上折りたたむことができなくなることです。

ブートストラップの最新バージョンを使用しています。

以下のコードは、ブートストラップ サイトから直接貼り付けたものです。

$.transition を不適切に使用する一部の jQuery プラグインがこのような問題を引き起こす可能性があることを読みました。Chrome のみで問題を引き起こすものはありますか?

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>
4

1 に答える 1

1

HTML で次のコードを使用します。

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"></link>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>
<script>
    $(document).ready(function() {
        $("#accordion2").collapse()​;
    });
</script>
于 2012-11-08T16:45:10.793 に答える