Discussion :

[casawia]

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 :

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

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 :

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

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 ??

[danielhagnoul]

Bonjour

Code :

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

1
2
3
$( "#tbd" ).on( "click", ".edit", function( event ){
    console.log( event );
});

Différences entre on() avec 1 ou 2 sélecteurs

$("#tbd").empty().append(content);.

$("#tbd").html(content);.