如何在视图中使用Javascript？

我对Ember还很陌生，我有一个问题，谷歌搜索和阅读文档对我没有多大帮助。在我的索引视图中，我有一个小的

，我正在使用

roundout.js

使其成为旋转木马滑块。问题是，就我个人而言，我无法让Ember让我在DOM上使用Javascript（如有任何建议，将不胜感激

看起来像：

<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>

成品应该是这样的：

以下是我按照@fanta的建议使用的余烬代码：

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

---

好的，这是我告诉你的，唯一的事情是我复制并粘贴了旋转木马代码，只需转到相关代码

---

在您的视图中，重写didInsertElement函数，并将您的旋转木马代码放在那里，这样应该可以工作。App.IndexView=Ember.view.extend（{templateName:'path_to_your_template'，didInsertElement:function（）{//code here}）Hrmm，似乎不起作用。我将在edit中添加该部分。将您的代码包装在一个Ember.run.schedule（'afterRender'，function（））{//code}）代码应该放在同一个函数中。只是这样做了，运气不好。用最新的代码编辑。你在控制台上有javascript错误吗？你不是定义了App.IndexView两次吗？这已经发生在我身上了。-现在我是个白痴。就是这样。我之前不能为动画转换创建虚拟视图，而且定义了两次。英雄联盟

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

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