Chế độ xem Ember, Tay lái và Hiệu ứng jQuery

Question

Tôi muốn kết hợp các hiệu ứng jQuery (fadeIn, fadeOut, vv ...) vào các phần của các mẫu thanh điều khiển của tôi. Tôi nghĩ rằng điều này có thể nhiều hơn hoặc ít hơn được thực hiện với một chế độ xem riêng biệt trong đó thuộc tính isVisible của chế độ xem ban đầu là sai và phương thức didInsertElement của chúng tôi gọi một cái gì đó như this.$().fadeIn().

Tuy nhiên, điều tôi muốn làm là thêm hiệu ứng jQuery vào một phần nhỏ của chế độ xem - cho mục đích hiển thị một khối nhỏ nội dung ban đầu được ẩn bởi câu lệnh {{#if}} đánh giá là false và sau đó thông qua phản hồi của người dùng được chuyển sang true. Xem http://jsfiddle.net/YeGbF/2/ sau đây.

Mọi đề xuất?

Answer 1

Bạn có thể sử dụng một cái nhìn cho những thứ mà sẽ được hiển thị mờ, xem http://jsfiddle.net/pangratz666/dJMwC/

tay lái:

{{#view App.FadeInView contentBinding="this"}} 
    <div>{{content.someAdditionalDetail}}</div> 
{{/view}} 

Javascript:

App.FadeInView = Ember.View.extend({ 
    didInsertElement: function(){ 
     this.$().hide().show('slow'); 
    } 
}); 

Cũng có một xem Deferring removal of a view so it can be animated