8

ハンドルバー テンプレートの一部に jQuery エフェクト (fadeIn、fadeOut など) を組み込みたいと考えています。isVisibleこれは、ビューのプロパティが最初は false で、そのdidInsertElementメソッドが のようなものを呼び出す別のビューで多かれ少なかれ達成できると思いますthis.$().fadeIn()。

ただし、私がやりたいのは、ビューのごく一部に jQuery 効果を追加することです。たとえば、最初は{{#if}}ステートメントによって非表示になっているコンテンツの小さなブロックを表示する目的で、評価されfalse、後でユーザーのフィードバックがトグルされますにtrue。次のhttp://jsfiddle.net/YeGbF/2/を参照してください。

助言がありますか？

4

1 に答える 1

14

フェードインして表示されるもののビューを使用できます。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');
    }
});

アニメーション化できるようにビューの削除を延期する もご覧ください。

于 2012-04-06T07:52:24.117 に答える