7

IE 7/8/9で初めてクリックしてブートストラップの「折りたたみ可能な」アコーディオンを開くと、開きません。他の誰かがこれに遭遇するか、理由を理解できますか？

ありがとう

jsfiddleデモ：http ：//jsfiddle.net/pWU4n/7/

<div class="accordion category-list-accordion">
    <div id="category-5" class="accordion-group" style="display: block; ">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse">
                CLICK ME TWICE THE FIRST TIME TO OPEN IN IE
            </a>
        </div>
        <div id="category-5-accordion" class="accordion-body collapse">
            <div class="accordion-inner span33">
                "Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!)"
             </div>
        </div>
    </div>
</div>

$(document).ready(function() {
    $("#category-5").click(function() {
        $("#category-5-accordion").collapse("toggle");
    });
});

<head>含まれるもの：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
4

1 に答える 1

15

この問題はIEとは関係ありません。これは、トランジションをサポートしていない（または非アクティブ化されている）ブラウザーで発生します。

これは、最初にプラグインを初期化する必要があるためです。そうしないと、最初のクリックで折りたたみの初期化と切り替えの両方が行われます。デフォルトの初期化では折りたたみが切り替えられ（doc）、遷移がない場合、折りたたみは表示されずに2回続けて切り替えられます。

これがあなたがすべきことです：

$("#category-5-accordion").collapse({toggle: false});
$("#category-5").click(function() {
    $("#category-5-accordion").collapse("toggle");
});

デモ（jsfiddle）

于 2012-10-08T18:44:06.040 に答える