Ember.js - 使用jquery查看淡入淡出

时间:2014-08-31 10:19:59

标签: jquery ember.js ember.js-view

是否可以使用View生命周期钩子,例如:

" willDestroyElement :在从DOM中删除元素之前立即调用此挂钩。这是您拆除与DOM节点关联的任何外部状态的机会。与didInsertElement一样,它最适合与外部库集成。"

通过在手柄模板中的一个div中放置一个id来使用jquery淡出视图?这是我的模板和视图的代码。淡出不起作用。

模板:

<script type="text/x-handlebars" id="home">
  <div class="col-md-12">
    <div class="panel panel-default" id="homeview"> <----- THE ID
      <div class="panel-heading">Home</div>
      <div class="panel-body">
        <p>Welcome!</p>
      </div>
    </div>
  </div>
</script>

主页视图

App.HomeView = Ember.View.extend({
   templateName: 'home',

   willDestroyElement : function(){
      $("#homeview").fadeOut();
   }

});

1 个答案:

答案 0 :(得分:2)

您可以使用this.$()访问视图中的元素,而无需使用ID:http://emberjs.com/api/classes/Ember.View.html#method__

尽管如此,您必须考虑在元素被销毁之前立即调用willDestroyElement,因此在该方法完成后,将调用$("...").remove()。所以可能你的代码有效,但是你没有看到效果......