0

angular js プロジェクトのテンプレートでセマンティック ui アコーディオンを使用しています。

<div class="ui accordion">
        <div class="active title">
            <i class="dropdown icon"></i>
            What is a dog?
        </div>
        <div class="active content">
            <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
        </div>
        <div class="title">
            <i class="dropdown icon"></i>
            Content
        </div>
        <div class="active content">
            <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
        </div>
    </div>

問題は、アコーディオンをクリックして開く必要がなく、両方のコンテンツが開いた状態になっていることです。私がしなければならない変更は何ですか？

4

1 に答える 1

3

確認できる項目は次の 4 つです。

1) マークアップの最後の div から「アクティブな」クラスを削除すると、コンテンツが表示されるようになります。

2) アコーディオンを初期化する必要があります。

$('.ui.accordion').accordion();

セマンティック UI アコーディオン ページの使用法に関する情報を参照してください: http://semantic-ui.com/modules/accordion.html#/usage

3) Semantic UI JavaScript ファイルも含める必要があります。

4）テンプレートでアコーディオンを使用すると言ったので、テンプレート内のスクリプト内で初期化をラップするか、（角度のある方法で）要素のアコーディオン初期化を呼び出す短いディレクティブを記述する必要があります。

于 2014-04-25T14:08:33.050 に答える