javascript - バックボーン ビューのアニメーション

Question

バックボーンをスライドさせる方法 - バックボーン ビューのアニメーション

 var View = Backbone.View.extend({

  el : "#editor",               // Bind to the editor id

  render : function() {

     var data = {
       item: this.model,
       _: _ 
     };

     var compiledTemplate = _.template( Template, data ); // Merge model with template
     this.$el.html( compiledTemplate );
     this.$('.editor-pane').show(500);       // Does animation work here...NO!! Urgh. 
     return this;
  } 
 });

はい。#editor には .editor-pane が含まれます

#editor 要素のバージョンにも満足しています。

     this.$el.html( compiledTemplate ).show ('slow');

Answer 1

別の方法でアニメーションを移動し、レンダリング後に実行してみてください。また、jQuery の「find」メソッドを使用して DOM を参照することをお勧めします。

initialize: function(){
    ...
    this.render();
    this.animateView();
}

animateView: function(){
    this.$el.find('.editor-pane').show(500);
}