Jquery append n'applique pas les class CSS
bonjour tout le monde ,
ça fait des heures que je galère avec un problème jQuery
je m'explique :
d'une part j'ai crée un tableau simple voici sa structure :
<table><thead><tr><th></th></tr></thead><tbody id="tbd"><tr><td><a class="edit"><img/><a> </td></tr></tbody></table>
quand je click sur <a class="edit"> j'ai une boite de dialog qui s'affiche grace a ce bout de code :
Code:
1
2
3
4
5
6
7
8
|
$('.edit').click(function(){
$("#popup_form").fadeIn(1000);
}); |
d'autre part
lorsque l'utilisateur click sur un lien (plus de détail) j'ai fait un script ajax qui remplace le tbody de l'ancien table avec les nouvelles données jusqu'au là tout marche bien
le problème c'est que quand le contenu du tableau change apres l'appel d'ajax , et lorsque je click sur le lien dont <a class="edit"> la boite de dialog ne s'affiche pas :/
ce que j'ai compris c'est que le jquery crée la structure sans appliquer les class et du coup l'événement du click ne se déclenche pas
voici le script jquery qui remplace les données du tableau :
Code:
1
2
3
4
5
6
7
8
9
10
11
|
var content = '';
for (var i =0; i < data.length; i++) {
content += '<tr>';
content += '<td>';
content += '<a href="#" class="edit"><img src="" width="20" height="20"/></a></td>';
content += '</tr>';
}
$("#tbd").empty().append(content); |
SVP des solutions à mon problèmes ??
