2012-04-06 9 views
8

ハンドルバーテンプレートの一部に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の

+3

ヒント: 'set( 'x'、!get( 'x'))'の代わりに 'toggleProperty'を使うことができます... –

+0

私はそれを感謝します。私はEmber.Observableで前にそれを気付かなかったと信じられない。 – mike

+0

'Ember.Observable'に' incrementProperty'と 'decrementProperty'もあります。http://code418.com/blog/2012/03/31/useful-observable-functions/ – pangratz

答えて

関連する問題