javascript - Ember.js，如何在 View 中使用 Javascript？

Question

我对 Ember 还很陌生，我遇到了一个问题，谷歌搜索和阅读文档对我来说还没有多大帮助。在我的索引 View 中，我有一个小 <ul>我正在使用roundabout.js使其成为轮播 slider 。问题是，在我的一生中，我无法让 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 的建议使用的 ember 代码:

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