如何在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函數創建視圖，但是我不知道如何獲取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();
    }
});

任何對我的問題的見解將不勝感激。 謝謝

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函數的內容不同。