Ember.js，如何在视图中使用Javascript？

Question

I'm pretty new to Ember and I'm having a problem that googling and reading the docs hasn't helped me with much yet. In my index view, I have a small <ul> that I'm using roundabout.js on to make it into a carousel slider. The problem, is that for the life of me, I can't get Ember to let me use Javascript on the DOM. :( Any advice would be very appreciated.

The <ul> looks like:

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

And the code to make it into a carousel is:

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

And the finished product should look like:

Here's the ember code I used following @fanta's advice:

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

Answer 1

ok, here is JSFiddle with what I've told you, the only thing is that I copied and pasted the carousel code there, just go to the relevant code

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