JQuery AJAX call: $ (this) не работает после успеха

Question

Мне интересно, почему $ (this) не работает после вызова jQuery ajax.

Мой код такой.

$('.agree').live("click", function(){ // use live for binding of ajax results 
     var id=($(this).attr('comment_id')); 
     $.ajax({ 
     type: "POST", 
     url: "includes/ajax.php?request=agree&id="+id, 
     success: function(response) { 
      $(this).append('hihi'); 
     } 
     }); 
     return false; 
    }); 

Почему это не работает в этом случае после вызова ajax? Это сработает, если я буду использовать его перед ajax, но без эффекта.

Answer 1

В обратном вызове jQuery ajax «это» является ссылкой на параметры, используемые в запросе ajax. Это не ссылка на элемент DOM.

Вы должны захватить "внешние" $ (это) первый:

$('.agree').live("click", function(){ // use live for binding of ajax results 
     var id=($(this).attr('comment_id')); 
     var $this = $(this); 
     $.ajax({ 
     type: "POST", 
     url: "includes/ajax.php?request=agree&id="+id, 
     success: function(response) { 
       $this.append('hihi'); 
     } 
     }); 
     return false; 
    });