Discussion :

[rreennaauudd]

Bonjour,

Soit page html avec des divs

Code html :

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

1
2
3
4
5
<div class="button" id="0">ZeBtn0</div>
<div class="button" id="1">ZeBtn1</div>
<div class="button" id="2">ZeBtn2</div>
<div class="button" id="3">ZeBtn3</div>
...

avec un javascript associé:

Code :

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

1
2
3
4
5
6
7
$(document).ready(
	function() {
		$('.button').click(function() {
			 var id=$(this).attr('id');
			 alert("T'as poussé sur le bouton id="+id);
		});
});

Jusque là tout fonctionne très bien.

Cela coince si avec de l'ajax, j'insère dans le code html des nouveaux boutons: les nouveaux boutons ne réagissent pas.

Code html :

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

1
2
3
<div class="button" id="4">ZeBtn4</div>
<div class="button" id="5">ZeBtn5</div>
...

J'ai essayé différentes astuces mais rien n'y fait.
Si qqun a une idée, je suis preneur.
Renaud

[andry.aime]

Salut,
1-

Cela coince si avec de l'ajax

Je ne trouve pas les codes concernés ajax.
2-

les nouveaux boutons ne réagissent pas

Tu dois affecter une fonction aux nouveaux boutons.

[cereal59]

Bonjour,

Il faut que après l'ajout de tes nouvelles DIV tu relances ton code qui assigne la logique sur le clic.

Code :

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

1
2
3
4
5
6
7
8
 
$(document).ready(
	function() {
		$('.button').click(function() {
			 var id=$(this).attr('id');
			 alert("T'as poussé sur le bouton id="+id);
		});
});

Sinon avec jquery 1.3 tu peux utiliser la fonction live.

Code :

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

1
2
3
4
5
6
7
8
 
$(document).ready(
	function() {
		$('.button').live("click",function() {
			 var id=$(this).attr('id');
			 alert("T'as poussé sur le bouton id="+id);
		});
});

voici le lien vers la doc de la fonction live.

[SpaceFrog]

Code :

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

1
2
$('.button').click(function() {
			 alert("T'as poussé sur le bouton id="+this.id);

[rreennaauudd]

Super! Merci!