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

您可能会检查四件事：

1) 从标记中的最后一个 div 中删除“活动”类，因为它使其内容可见。

2）你需要通过初始化手风琴

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

请参阅语义 UI 手风琴页面上的使用信息：http: //semantic-ui.com/modules/accordion.html#/usage

3) 您还需要包含语义 UI javascript 文件。

4）既然你说你在模板中使用手风琴，你必须将初始化包装在模板内的脚本中，或者（角度方式）编写一个简短的指令，它将为你调用元素上的手风琴初始化。

于 2014-04-25T14:08:33.050 回答