2014-08-31 69 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()。所以可能你的代碼工作,但你沒有看到效果...