javascript - emberjs 基础 5 Accordion

Question

我是 emberjs 的新手，有以下模板，里面有一些字段，它是固定的，应该与模型中的一些字段匹配，但是当我将 foundation accordion 与 ember js 一起使用时，它显示得很好，但是当我单击它，它不会“展开”。

如何让 emberjs 和 foundation accordion 协同工作？似乎点击 href 会发送到 url 的主题标签

<script type="text/x-handlebars" id="entries">
    <div class="row ">
        <dl class="accordion" data-accordion>
            <dd>
                <a href="#panel1">Accordion 1</a>
                <div id="panel1" class="content">
                    <label>Name</label>
                    {{input type="text" value=name}}
                    <div class="row">
                        <div class="large-6 columns">
                            <label>Addresse</label>
                            {{input type="text" value=adress}}
                        </div>
                    </div>
                </div>
            </dd>
        </dl>
    </div>

Answer 1

您应该在插入 View 后调用 foundation()。例如，如果此模板用于 entry 资源，您应该在 EntryView 的 didInsertElement 中执行类似以下操作:

CoffeeScript :

EntryView = Ember.View.extend
  didInsertElement: ->
    @$().foundation()

JavaScript:

var EntryView = Ember.View.extend({
    didInsertElement: function() {
        this.$().foundation();
    }
});