Ember Views，Handlebars和jQuery Effects

Question

我想在我的车把模板的部分内容中加入jQuery效果（fadeIn，fadeOut等等）。我认为这可以或多或少通过一个单独的视图来完成，其中视图的isVisible属性最初为false，其didInsertElement方法调用this.$().fadeIn()之类的东西。

但是，我想要做的是将jQuery效果添加到视图的一小部分 - 比如显示一小块内容，这些内容最初被评估的{{#if}}语句隐藏到false后来通过用户反馈切换到true。请参阅以下http://jsfiddle.net/YeGbF/2/。

有什么建议吗？

Answer 1

您可以使用视图显示已显示淡入的内容，请参阅http://jsfiddle.net/pangratz666/dJMwC/

<强>车把：

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

<强>的JavaScript ：

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

另请查看Deferring removal of a view so it can be animated