在 Ember 中启动基础 js（使用 ember-cli）答案

【问题标题】：Start foundation js in Ember (using ember-cli)在 Ember 中启动基础 js（使用 ember-cli）
【发布时间】：2014-11-14 20:57:01
【问题描述】：

在我的项目中，我尝试使用 Foundation 的手风琴，但无济于事。具体来说，我在这里https://coderwall.com/p/azjwaq 遵循了本指南，但它不起作用。它仅在我明确刷新页面时才有效，但如果我导航到另一个控制器，它就会停止工作。这是初始化基础5的正确方法吗？我将 Foundation 5.3.3 与 ember 1.8.0-beta1 和 ember-cli 0.44 一起使用。

编辑：小心！我设法使它工作。但是现在整个应用程序真的非常非常慢。具体来说，我在 app/initializer/foundation.js 中有这个初始化程序。

import Ember from 'ember';

export default {
  name: 'foundation-config',
  initialize: function() {
    Ember.View.reopen({
      startFoundation: function() {
        Ember.run.scheduleOnce('afterRender', this, function(){
          $(document).foundation();
        });
      }.on('didInsertElement')
    });
  }
};

我是不是做错了什么？

【问题讨论】：

标签： ember.js zurb-foundation

【解决方案1】：

不妨试试这个：

停止为每个视图初始化 Foundation。尝试将包含手风琴的视图扩展为单独的对象，然后扩展它。

App.FoundationView = Ember.View.extend({
    didInsertElement: function () {
        $(document).foundation();
    }
});

App.ViewWhichNeedFoundation = App.FoundationView.extend({
    ...
})

【讨论】：

【解决方案2】：

简单地初始化基础为我手动工作的正常方式。就在结束正文标记之前：


    <script>
    $(document).foundation();
    </script>

【讨论】：