試圖總結一個jQuery插件作爲灰燼成分

Question

我試圖包裹Hootsuite Grid插件作爲灰燼成分：

import Ember from 'ember'; 

const { computed } = Ember; 

export default Ember.Component.extend({ 
    elementId: 'grid', 
    classNames: ['grid'], 
    tagName: 'ul', 
    didInsertElement() { 
    var self = this; 
    var options = { 
     lanes: 5, 
     direction: 'horizontal', 
     itemSelector: 'li[data-w]', 
     widthHeightRatio: 1, 
     onChange(changedItems) { 
     console.log(this); 
     } 
    }; 
    var gridList = this.$().gridList(options); 
    this.set('gridList', gridList); 
    }, 
    willDestroyElement() { 
    this.get('gridList').stop(); 
    } 
}); 

當我console.log(this);我可以看到，選項設置正確的父對象上，而不會傳遞到內部gridList對象

儘管這些價值觀似乎要傳遞給測試小提琴子對象，我跟打：

https://jsfiddle.net/evmowy9k/

難道我做錯了什麼？

Answer 1

Ember.run.next(this, function() { 
    var gridList = this.$().gridList(options); 
    this.set('gridList', gridList); 
});