javascript - 如何在 emberjs 中使用 salvattore

Question

我正在尝试获取salvattore参与我的 embercli 项目。目前我已经按照 salvattore.com 中的示例进行操作它有点工作，但将 '3 .column.size-1of3' 放在网格 div 上，而不是在网格中创建列 div。

示例 html

<div id="grid" data-columns="">  <!-- (inspector style) content: '3 .column.size-1of3';  -->
  <div>Item #1</div>
  <div>Item #2</div>
  <div>Item #3</div>
  <div>Item #20</div>
</div>

我认为发生这种情况是因为 Salvattore 没有在正确的时间初始化，所以 DOM 还没有准备好。我尝试使用 didInsertElement 函数创建 View ，但我不知道如何让 Salvattore 命名空间重新运行网格函数。目前我收到以下代码的错误。

构建错误:

ENOENT, no such file or directory '/Users/mikev/dev/derp-ember-app/tmp/tree_merger-tmp_dest_dir-YVY49mzP.tmp/salvattore.js'

索引 View :

import Ember from 'ember';
import salvattore from 'salvattore';

export default Ember.View.extend({
    didInsertElement: function(){
        salvattore.register_grid();
        salvattore.recreate_columns();
    }
});

任何对我的问题的见解将不胜感激。谢谢

Answer 1

我不确定您现在将其放置在正确的位置，因为这不会是应用程序全局的。尝试:

app/views/application.js

/* globals salvattore */
import Ember from 'ember';

export default Ember.View.extend({
  _myUiInit: function () {
    salvattore.register_grid();
    salvattore.recreate_columns();
  }.on('didInsertElement')
});

导入应如下所示:

Brocfile.js

app.import( 'vendor/salvattore/dist/salvattore.js' );

(然后重新启动 ember 服务器)

注意:上面的内容未经测试(我不使用 salvattore)，但我使用与 Foundation 完全相同的方法，只是 init 函数内容不同。