Javascript 基于属性的Ember.js和jQuery转换

Javascript 基于属性的Ember.js和jQuery转换,javascript,jquery,jquery-ui,ember.js,handlebars.js,Javascript,Jquery,Jquery Ui,Ember.js,Handlebars.js,抱歉,如果这个问题太基本,我对Ember.js很陌生。。。我已经读过关于didInsertElement/willDestroy是在Ember模板中使用jQuery转换的一个好方法,但是我想知道基于设置的属性显示内容的情况,比如: <div>First content area</div> {{#if isSomeProperty }} <div>Second content area</div> {{/if}} <div>

抱歉,如果这个问题太基本,我对Ember.js很陌生。。。我已经读过关于didInsertElement/willDestroy是在Ember模板中使用jQuery转换的一个好方法,但是我想知道基于设置的属性显示内容的情况,比如:

<div>First content area</div>

{{#if isSomeProperty }}
    <div>Second content area</div>
{{/if}}

<div>Third content area</div>
第一个内容区
{{#如果isSomeProperty}}
第二内容区
{{/if}
第三内容区

有没有办法添加jQuery slideDown();,例如,当isSomeProperty设置为true时?或者我真的需要把第二个内容区的代码放在一个组件中,这样我就可以使用didInsertElement/willDestroy了吗?

你读过关于观察员的文章了吗


您可能希望在相应的余烬视图中观察
isSomeProperty
,然后检查其值,并在
isSomeProperty
为真时执行动画。如果您需要更多帮助,请告诉我;)

那么,我是否只需设置内部div取消隐藏的动画,而不是尝试将其附加到生成的余烬视图div的显示/隐藏?您还可以检查
didInsertElement
中的属性,然后启动动画。这只是在插入父元素后isSomeProperty设置为true的情况下启动动画的一种方法。如果您不知道,也可以使用
This.$().find('.child element')
以子元素为目标。