Ember.js，如何在視圖中使用Javascript？

Question

我對Ember還是很陌生，但是我遇到了一個問題：谷歌搜索和閱讀文檔並沒有太大幫助。 在索引視圖中，我有一個小的<ul> ，我正在使用roundabout.js使其成為輪播滑塊。 問題是，為了我一生，我無法讓Ember讓我在DOM上使用Javascript。 :(任何建議將不勝感激。

<ul>看起來像：

<ul id="games">
                <li class="god"><img src="{{URL::asset('images/doge.png')}}" alt="doge" height="400" width="400"/></li>
                <li class="doge">Wow</li>
                <li class="doge">Much move</li>
                <li class="doge">Many Smooth</li>
                <li class="doge">Doge is world</li>
                <li class="doge">Very slide</li>
                <li class="doge">Amaze</li>
                <li class="doge">To the moon!</li>
</ul>

使它成為輪播的代碼是：

    $('#games').roundabout({
    minZ: 100,
    maxZ: 300,
    tilt: -4,
    childSelector: '.doge'
    });

成品看起來應該像這樣：

這是我遵循@fanta的建議使用的炭燼代碼：

App.Index= Ember.View.extend({      
    didInsertElement : function(){
         Ember.run.schedule('afterRender', function(){
            $('#games').roundabout({
            minZ: 100,
            maxZ: 300,
            tilt: -4,
            childSelector: '.doge'
            });
         });
    }
});

Answer 1

好的，這是JSFiddle，其中包含我所告訴的內容，唯一的是我在此處復制並粘貼了輪播代碼，只需轉到相關代碼即可

http://jsfiddle.net/NQKvy/792/

App.IndexView = Ember.View.extend({
  didInsertElement: function() {
    Ember.run.schedule('afterRender', function() {
        $('#games').roundabout({
            minZ: 100,
            maxZ: 300,
            tilt: -4,
            childSelector: '.doge'
        });
    });
  }
})