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

Question

是否可以使用 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();
   }

});

Answer 1

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

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