Discussion :

[Arsene12]

Bonjour,

je voudrais ajouter des éléments à une ul et leur attribuer une réponse lorsque on y clique dessus.

https://jsfiddle.net/ejfg5qf9/

J'ai fais ce code mais il marche pas. Auriez-vous la solution à ce problème SVP? Merci d'avance.
Cordialement,
arsène

Code HTML

Code html :

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

1
2
3
4
5
6
 <input id="Ajout" type="button" onclick="$();" value="Ajout" />
 <input id="Alert" type="button" onclick="$();" value="Alert" /> 
  <div id="myText"> 
    <ul id="myList">
    </ul>
</div>

code Jquery

Code :

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

1
2
3
4
5
6
7
8
9
 $("#Ajout").on("click", function () { 
 
$("#myList").append($("<li>").attr('class', 'myEl').text("rrrr")); 
 
 });
 
 $(".myEl").on("click", function () { 
alert("ok");
 });

[Arsene12]

Je viens de trouver la solution :

https://jsfiddle.net/ejfg5qf9/2/

[NoSmoking]

Bonjour,
autant mettre directement ta solution ici, ce que je fais.

Code :

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

1
2
3
4
5
6
$("#Ajout").on("click", function () { 
    $("#myList").append($("<li>").attr('id', 'ElN1').attr('class', 'myEl').text("rrrr")); 
});
$("#myList").on("click", ".myEl", function(event){
    alert($("#ElN1").attr('id')); 
});

et pour rappel on ne peut pas affecter un événement à un élément qui n’existe pas encore dans le DOM et que pour cela on passe par la technique dite « délégation », ta solution.