Discussion :

[doogy]

Bonjour,

Je ne sais pas trop comment expliquer mon problème avec des mots alors je donne un exemple pour que ce soit plus clair:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
MyObject.prototype = {
		firstMethod: function(elements){
			jQuery(elements).click(function(){
				secondMethod(this);
			});
		},
		secondMethod: function(element){
			alert('hello');
		}
	}

La fonction exécutée lors d'un clic n'a pas accès à la seconde méthode de MyObject:

secondMethod is not defined
[Break on this error] secondMethod(this);\n

Comment faire en sorte que la fonction éxécutée lors d'un clic puisse avoir accès à la seconde méthode de l'objet tout en récupérant l'élément qui a été cliqué(this)?

J'espère avoir été clair. Si ce n'est pas le cas, n'hésitez pas à me poser des questions.

Merci, A+

[Bovino]

Salut.

C'est un grand classique
this représente l'objet appelant.
Dans le cadre de ta 1re méthode, tu appelles une fonction anonyme qui est appelée par l'objet HTML sur lequel tu as cliqué... et qui ne possède donc pas de méthode secondMethod.
Un moyen habituel de contourner cela consiste à créer une variable référençant le this d'origine :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
MyObject.prototype = {
	var that = this;
	firstMethod: function(elements){
		jQuery(elements).click(function(){
			secondMethod(that);
		});
	},
	secondMethod: function(element){
		alert('hello');
	}
}

Et en plus, comme that est une référence à this, les modifications apportées à this sont répercutées sur that !

[doogy]

Merci pour ta réponse Bovino.

J'ai essayé avec le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
MyObject.prototype = {
		firstMethod: function(elements){
			var that = this;
			jQuery(elements).click(function(){
				that.secondMethod(this);
			});
		},
		secondMethod: function(element){
			alert('hello');
		}
	};

J'obtiens une erreur sur le fichier jquery:

this.parentNode is null
(function(){var l=this,g,y=l.jQuery,p=l....each(function(){o.dequeue(this,E)})}});

secondMethod(that) comme tu m'as indiqué ne me convient pas car je veux appliquer une méthode de l'objet avec comme paramètre l'élément cliqué.

[doogy]

Mais ça marche malgré l'erreur.

Merci

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

that.secondMethod($(this));