post（）呼び出しのdone（）ブロック内のトリガーオブジェクトを参照していますか？

Question

私は画像グループのメソッドにバインドされたコールを持っています。

post()の中では、私はjQuery(this)を参照し、元のオブジェクトにアクセスできます。 （例えばデータパラメータ、またはその状態を変更）：

jQuery('.vote .magic_button').click(function() { 
    jQuery.post(url, { 
     action: 'ajax_vote', 
     'vote_target': jQuery(this).data('postid') 
    }) 
    .done(function(data) { 
     // $img = jQuery(this).find('img');   
    }) 
}); 

AJAX呼び出しが戻ると、応答を確認した後、私はもともとクリックされた画像を参照したいんが、それはもはや、この新しいでthisときコンテキスト。

data引数に情報を戻さずにアクセスするにはどうすればよいですか？

Answer 1

回避方法var that = thisを使用するか、ES5 .bind関数を使用してthisを正しく設定することができます。

jQuery('.vote .magic_button').click(function() { 
    jQuery.post(url, { 
     action: 'ajax_vote', 
     'vote_target': jQuery(this).data('postid') 
    }) 
    .done(function(data) { 
     // $img = jQuery(this).find('img');   
    }.bind(this)) 
}); 

Documentation