0

私は自分のプロジェクトでブートストラップ アコーディオン (崩壊) を使用していますが、残念ながら結果は希望のものではありません。アコーディオンには約 8 つの項目があり、中には大量のテキストが含まれているものもあります (ページの半分以上になることもあります)。

アコーディオンでアイテムを折りたたんだり展開したりしようとしていますが、その動作はまったく奇妙で予測できません。サイトの例をコピーして、さらに項目を追加しました。私の期待は、閉じたアイテムをクリックするたびに開き、開いている div がフォーカスされることでした。ページのスクロールが非常に速く、フォーカスが間違った場所に配置されている、またはアイテムが開かれているが、ページのフォーカスが低すぎてタイトルが表示されないことがあります。

アコーディオンを適切に処理する方法、または正しい動作は何ですか?

4

1 に答える 1

1

これが実際の例ですhttp://jsfiddle.net/panchroma/RdK8t/

これは、要素の 1 つに拡張コンテンツが追加され たブートストラップの例から直接取得したものです。

典型的なコードは次のとおりです。 

<div class="accordion" id="accordionParent"> <!-- start #accordionParent wrap -->


      <!-- start typical content group -->  
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionParent" href="#collapseOne">
                  Collapsible Group Item #1
                </a>
              </div>
              <div id="collapseOne" class="accordion-body collapse in">
                <div class="accordion-inner">
                        content
                </div>
              </div> 
            </div>  
       <!-- end typical content group -->


</div>  <!-- end accordionParent wrap -->

ページを検証してネストの問題がないことを確認し、完全なブートストラップ js ファイルを使用していない場合は、トランジション プラグインが含まれていることを確認してください。

お役に立てれば！

于 2013-02-17T17:59:55.317 に答える