Appel d'une fonction lors d'un évenement [Résolu]

[dragongia_fr]

Avec la petite fonction ci-dessous, j'ai un petit problème (je suis un peu rouillé du javascript) et je ne sais plus comment le résoudre.
J'ai simplifié la fonction, elle ne sert pas à grand chose comme ca, c'est juste pour trouver la solution.
Il faudrait que pour les 3 boutons créés le 1er me fasse un alert "1", le 2eme "2" et le 3eme "3". Or là, ils me sortent chacun "3", la derniere valeur de j...
Comment faire ?
Merci

Code :

1
2
3
4
5
6
7
$( init );
function init() {
	for ( var j=0; j<3; j++ )
	{
		$('<button>Info</button>').appendTo( '#content' ).click( function(){alert(j);} );			
	}
}

[Willpower]

bonjour,

je ne m'y connais pas trop en jQuery, donc il existe p-ê plus simple que la solution que je vais te proposer:

Code :

1
2
3
4
5
6
function myContext(value){
	return function(){alert(value);};
}
for ( var j=0; j<3; j++ ){
	$('<button>Info</button>').appendTo( '#content' ).click( myContext(j) );			
}

[dragongia_fr]

Merci, ca fonctionne !

[NoSmoking]

Bonsoir,
il existe aussi

Code :

1
2
3
4
5
6
7
function init() {
  for ( var j=0; j<3; j++ )	{
    (function(param){
      $('<button>Info</button>').appendTo( '#content' ).click( function(){alert(param);} );
    })(j);
  }
}

sans passer par une autre fonction, mais c'est bien le diable s'il n'existe pas une solution jQuery !
non testée

[danielhagnoul]

Bonsoir

Solution jQuery :

Code :

1
2
3
4
5
6
7
8
$.each([1, 2, 3], function(i, item){
	$("<button/>", {
		"text": "Info",
		"click": function(){
			alert(item);
		}
	}).appendTo("#content");
});