$().click() ne fonctionne pas
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:
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:
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:
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:
$("[id^='id']").click(function(){});
devrait le reconnaître sauf erreur de ma part ?
Merci d'avance,
Raphaël N.
