$().click() ne fonctionne pas

**Fractaliste** · 18/07/2013, 14h18

Bonjour,

Je travaille sur un système d'arbre généalogique, il s'agit donc d'un certain nombre de div que j'imbrique. De manière très simpliste mon code de base HTML est le suivant :

Code html :

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

1
2
3
<div>
	<img src="" id="id1"/>
</div>

Chaque niveau de mon arbre contient donc un bloc DIV ainsi qu'une image. Quand je clique sur cette image j'envoie la requête AJAX suivante qui remplace le contenu de mon DIV par la réponse qui n'est rien d'autre que le niveau suivant de mon arbre.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
(function($) {
   $("[id^='id']").click(function(){
     var monid=$(this).attr('id').replace("id","");
     var data = {	d1: 123,
			d2: 456
			id: monid	};
 
	$.post(ajaxurl, data, function(reponse) {
		$('#'+monid).html(reponse);
    	});     
   });
})(jQuery);

Le résultat HTML est donc le suivant :

Code html :

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

1
2
3
4
5
6
<div>
	<img src="" id="id1"/>
	<div>
		<img src="" id="id11"/>
	</div>
</div>

Donc jusque là ça marche très bien. Mon problème est pour l'étape suivante où je clique sur l'image ayant pour id la chaîne de caractère "id11". Et rien ne se passe alors que mon sélecteur JQuery

Code :

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