Question

我想让salvattore在我的embercli项目中工作。目前我已经按照salvattore.com的示例进行了操作，它有点工作，但在网格div上放置'3 .column.size-1of3'而不是在网格中创建列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命名空间重新运行网格函数。目前我收到以下代码的错误。

构建错误：

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();
    }
});

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

Answer 1

我不确定你现在把它放在哪里是正确的位置，因为它不会成为全球应用程序。尝试：

应用/视图/的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函数内容不同。

如何在emberjs中使用salvattore

1 个答案: