emberjs foundation 5手风琴

Question

我是emberjs的新手,并且有以下模板,其中有一些字段,它是固定的,应该匹配模型中的某些字段,但是当我使用基础手风琴与ember js时,它显示很好,但是当我点击它时,它没有"展开".

如何让emberjs和基础手风琴一起工作？似乎点击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

您应该在插入视图后调用foundation()。例如，如果此模板用于资源，则您应该在'sentry中执行类似以下操作：EntryViewdidInsertElement

咖啡脚本：

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

JavaScript：

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