jquery ajax ne fonctionnera pas

Question

hey, je suis en train de changer le html d'un div après une requête ajax, la requête ajax fonctionne. les données sont correctes, mais le sélecteur ne peut pas semble trouver la div

est ici le code

$(".home .up_0").click(function(){ 
    $.post("includes/vote.php", 
     { 
     truc : $(this).attr("id") 
     }, 
     function(data){ 
     if(data=='fail') 
     { 
      alert("Error."); 
     } 
     else 
     { 
      $(this).parents('.home').find('.score_neutre').html(data); 
     } 
     } 
); 
}); 

Answer 1

Ceci est probablement parce que this n'est pas ce que vous attendez dans la fonction intérieure. Vous aurez besoin d'ajouter une variable pour stocker la référence:

$(".home .up_0").click(function(){ 
    var this_obj = $(this); 
    $.post("includes/vote.php", 
     { 
     truc : $(this).attr("id") 
     }, 
     function(data){ 
     if(data=='fail') 
     { 
      alert("Error."); 
     } 
     else 
     { 
      this_obj.parents('.home').find('.score_neutre').html(data); 
     } 
     } 
); 
}); 

Answer 2

Il pourrait avoir quelque chose à voir avec this ne représente pas l'élément $(".home .up_0") depuis qu'il est entré dans la fonction de réussite function(data){}?

Essayez d'ajouter un div factice, id = « Test » et à l'intérieur de l'utilisation de la fonction de succès:

£('#Test').html(data); 

Cela vous dira si cela fonctionne. Si c'est le cas, vous devrez utiliser un var pour stocker ce que this représente.

Answer 3

Votre problème est que this ne pointe pas à ce que vous pensez qu'il est.

Faites ceci:

$(".home .up_0").click(function(){ 
    var $this = $(this); // Cache the current `this` as a jQuery wrapped DOM element 
    $.post("includes/vote.php", 
     { truc : $(this).attr("id") }, 
     function(data){ 
      if(data=='fail') { 
       alert("Error."); 
      } else { 
       // Reference the cached variable `$this` 
       $this.parents('.home').find('.score_neutre').html(data); 
      } 
     }); 
});