2014-08-31 42 views
1

使用视图生命周期钩诸如是否有可能:Ember.js - 查看淡入淡出使用jquery

willDestroyElement:该钩被称为紧接之前的元素被从DOM除去此。是你拆除与DOM节点相关的任何外部状态的机会,就像didInsertElement一样,它对于与外部库的集成非常有用。“

淡出一个视图使用jquery通过将一个ID放在一个div在车把模板中?这是我的模板和视图的代码。淡出不起作用。

模板:

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

}); 
+0

看看这里:http://stackoverflow.com/questions/11733483/ember-js-routing-outlets-and-animation/21458445 #21458445(链接从这里:https://github.com/emberjs/ember.js/issues/2224) – Tomalak 2014-08-31 10:30:21

+0

谢谢你的链接 – 2014-08-31 12:07:20

回答

2

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

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