javascript - 如何在emberjs中使用salvattore

我试图让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函数创建视图，但是我不知道如何获取Salvattore命名空间来重新运行grid函数。目前，我收到以下代码的错误。

生成错误：

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

索引视图：

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

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

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

最佳答案

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

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函数的内容不同。

关于javascript - 如何在emberjs中使用salvattore，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25341382/