バックボーンビューで「this」を使用するにはどうすればよいですか？

Question

var homeView = Backbone.View.extend({ 
     el: $("#main_container"), 
     initialize: function(){ 
      _.bindAll(this, 'render'); 
     }, 
     render:function(){ 
      $.get('/home', {}, function(data){ 
       console.log(data); 
       var tpl = _.template(home_container_temp, {}); 
       this.el.html(tpl); 
      }); 
     } 
    }); 

私はajax GETリクエストを行い、データを設定したいと考えています。 $.get()内部

Uncaught TypeError: Cannot call method 'html' of undefined 

Answer 1

thisは、ビューに参照のうえされていない：私は得るので、しかし、私はそれを行うことはできません。

試してみてください。

var homeView = Backbone.View.extend({ 
    el: $("#main_container"), 
    initialize: function(){ 
     _.bindAll(this, 'render'); 
    }, 
    render:function(){ 
     var $el = this.el; 
     $.get('/home', {}, function(data){ 
      console.log(data); 
      var tpl = _.template(home_container_temp, {}); 
      $el.html(tpl); 
     }); 
    } 
}); 

Answer 2

あなたは「これは」あなたのコールバックで、コールバックの外に変数に保管してください使用したい場合は、「ダイナミックthis」のJavaScriptの機能です：

render: function() { 
    var _this = this; // keep it outside the callback 
    $.get('/home', {}, function(data){ 
     console.log(data); 
     var tpl = _.template(home_container_temp, {}); 
     // use the _this variable in the callback. 
     _this.el.html(tpl); 
    }); 
}