Jquery plugins 在ember.js中使用jquery选项卡滑块的问题

我想ember.js使用jquery选项卡滑块，这是我的视图，我实现了

didInsertElement

hook，但它似乎有问题

Ember.Slider = Em.View.extend
    template: Ember.Handlebars.compile([
        " <div id='top_press_banner'> "
        "   <ul class='switcher'> "
        "     {{#each topFive  itemController='new'}} "
        "       <li {{bindAttr tabslider-ref='this.id'}}>{{this.title}}</li> "
        "     {{/each}} "
        "   </ul> "
        "   {{#each topFive itemController='new'}} "
        "     <div {{bindAttr tabslider-name='this.id'}}> "
        "       <img {{bindAttr src='this.zoomTopFiveCover'}}> "
        "       <div class='item-caption'> "
        "         <h4>{{title}}</h4> "
        "         <p>{{description}}</p> "
        "       </div> "
        "     </div> "
        "   {{/each}} "
        " </div> "
        ].join("\n"))
    didInsertElement: ->
        console.log @$().html()
        $("#top_press_banner").tabSlider()

---

调用

tabSlider

方法时，html中的

$（“#top_press_banner”）

尚未插入dom，是谁告诉我更改方法的？

尝试在余烬运行循环中使用

afterRender

队列。请在此处查找解释：

---

PS：代码高亮显示在移动设备上似乎不起作用。

如何在ember JS中更改视图后获取DOM元素谢谢您的关注，但是输出console.log$（“#top_press_banner”）。Html（）仍然是一样的

<div id="top_press_banner"> 
<ul class="switcher"> 
    <script id="metamorph-1-start" type="text/x-placeholder"></script>      <script id="metamorph-1-end" type="text/x-placeholder"></script> 
 </ul> 
 <script id="metamorph-2-start" type="text/x-placeholder"></script> <script id="metamorph-2-end" type="text/x-placeholder"></script> 
</div>  

App.YourView = Ember.View.extend({
  didInsertElement : function(){
    this._super();
    Ember.run.scheduleOnce('afterRender', this, function(){
        // perform your jQuery logic here
    });
  }
});