5

ブートストラップが崩壊したアコーディオンを作成しました。特定の要素をクリックすると展開すると交互になるアコーディオンの特定の要素があります。次のマークアップが作成されます。

    <div class="accordion" id="accordion2">

        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" href="#collapse-0" id="0" data-toggle="collapse" data-parent="#accordion2">
                   User Visits
                </a>
            </div>
            <div id="collapse-0" class="accordion-body collapse in">
                <div class="accordion-inner">
                    Collapsible <br/>
                    Collapsible <br/>
                </div>
            </div>
        </div>

        <div class="accordion-group">                   
            <div class="accordion-heading">
                <a class="accordion-toggle" href="#collapse-1" id="1" data-toggle="collapse" data-parent="#accordion2">
                    Points
                </a>
            </div>                  
            <div id="collapse-1" class="accordion-body collapse">
                <div class="accordion-inner">
                    Collapsible <br/>
                    Collapsible <br/>
                </div>
            </div>
        </div>

    </div>

問題は、ページがロードされた後、特定の要素を最初にクリックすると.accordion-body .collapseブロックが正常に拡張されますが、連続して呼び出すと拡張されないことです。

in動的に呼び出されるクラスの追加により、拡張が行われます。アコーディオン要素を連続してクリックしても、検査はinクラスの反転を示すはずですが、それにもかかわらず要素は拡張されません。

何が問題なのか提案してください。

4

1 に答える 1

9

私は問題を理解しました。実際、collapse jqueryプラグインには、bootstrap-transitionプラグインを含める必要があります。bootstrap-collapse上記の問題を引き起こした「のみ」または他の問題を引き起こしたフルのいずれかで試しbootstrap.jsました。

于 2012-11-02T09:06:00.770 に答える