ハンドルバーテンプレートの一部にjQueryエフェクト(fadeIn、fadeOutなど)を組み込みたいと思います。これは、ビューのisVisible
プロパティが最初はfalseで、そのdidInsertElement
メソッドがのようなものを呼び出す別のビューで、これを達成することができます。Emberビュー、ハンドルバー、jQueryエフェクト
しかし、私は、ビューのほんの一部にjQueryエフェクトを追加することをお勧めします。と評価される{{#if}}
ステートメントで最初に隠された小さなコンテンツブロックを表示する目的で後でユーザーのフィードバックがtrue
に切り替わります。 http://jsfiddle.net/YeGbF/2/を参照してください。
提案がありますか?また、持っている
App.FadeInView = Ember.View.extend({
didInsertElement: function(){
this.$().hide().show('slow');
}
});
:
{{#view App.FadeInView contentBinding="this"}}
<div>{{content.someAdditionalDetail}}</div>
{{/view}}
JavaScriptの:
ヒント: 'set( 'x'、!get( 'x'))'の代わりに 'toggleProperty'を使うことができます... –
私はそれを感謝します。私はEmber.Observableで前にそれを気付かなかったと信じられない。 – mike
'Ember.Observable'に' incrementProperty'と 'decrementProperty'もあります。http://code418.com/blog/2012/03/31/useful-observable-functions/ – pangratz