Ember Views,Handlebars和jQuery Effects

Question

我想在我的车把模板的一部分中加入jQuery效果(fadeIn,fadeOut等等).我认为这可以或多或少地通过一个单独的视图来实现,其中视图的isVisible属性最初是假的,并且它的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');
    }
});