Bonjour,
mon problème porte comme indiqué dans le titre sur le déclenchement d'un événement sur un nœud générer dynamiquement. en effet, j'ai un script qui fabrique un composant et l'ajoute sur la vue. un autre script, doit sélectionner une composant générer et écouter l'arrivé d'un click.
mais rien ne se produit quand je cliques.

voici mes codes:
html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id="zone-msg" style="overflow-x: auto">           
</div>
<button id="openC"> Open</button>
javascript:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ready(function() {   
    $zoneChat = $('#zone-msg');
    $('#openC').click(function(evt) {        
        openNewChat();
    });
//*****instruction non exécuté*****
     $('.chat-container').click(function(evt) {        
        alert('Test');
    });
});
function openNewChat(id, name) {
    var texteZone = '<div class="chat-container">'
            + '<h5 style="margin: 0px;" align="center" >Conversation avec '
            + '<img src="resources/img/no.png" class="closet"  style="float: right"/></h5>'
            + '<div  class="chat-result">'
            + '</div>'
            + '<div class="chat-bottom">'
            + '<input type="submit" value="Send" style="float: right"/>'
            + '<input type="text"  style="width: 98%; height: 38px" />'
            + '</div>'
            + '</div>';
    $zoneChat.append(texteZone);    
}
j'ai déjà vérifier par d'autres moyens que le composant en question existe bien dans le DOM de la page