Comment recuperer le this dans $ajax

Version imprimable

Bonjour, je n'arrive pas a recuperer mon element this pour l'utilisé dans le success de ma requete ajax, si quelqu'un a une idée

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$(".headerPanel-slide").click(function(){   
 
$.ajax({
type: "GET",
//Ici le this marche bien pour recuperer l'url
url: $(this).attr("href"),
data: "random="+Math.random(),
success: function(msg)
{ 
//mon contenu msg ce load bien dans ma div content et souvre
$("#header-panel-content").html(msg).slideDown("slow");
//ICI EST LE PROBLEME, lelement this est undefined, je ne peut donc pas changer ma class... et comme je veux la changer que si la requete reussi ;(
$(this).removeClass("slideClose").addClass("slideOpen");             
}
});
return false;
});

valeur du this

je pense que le this en question ne fait plus référence à : $(".headerPanel-slide") mais plutôt à $.ajax.

Tu devrais ajouter une valeur avant l'appel a $.ajax , pour pouvoir l'utiliser dans le succes.

Cela donnerait au final :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
$(".headerPanel-slide").click(function(){   
 
var $that = $(this); 
 
$.ajax({
type: "GET",
//Ici le this marche bien pour recuperer l'url
url: $(this).attr("href"),
data: "random="+Math.random(),
success: function(msg)
{ 
//mon contenu msg ce load bien dans ma div content et souvre
$("#header-panel-content").html(msg).slideDown("slow");
//ICI EST LE PROBLEME, lelement this est undefined, je ne peut donc pas changer ma class... et comme je veux la changer que si la requete reussi ;(
$that.removeClass("slideClose").addClass("slideOpen");             
}
});
return false;
});

13/01/2010, 17h23
dembroski

salut

ui merci en effet c'est ce que j'avais trouvé et sa marche je te remercie quand meme