Bonjour les gens.

Je vous explique mon problème.
J'ai une page HTML avec un bouton, qui lit un fichier json et affiche les éléments de ce fichier dans mon fichier HTML (fonction gestion_fichier).
Dans les éléments que j'affiche, il y a un bouton qui est affiché avec chaque élément, et quand je clique sur ce bouton, le clic ne marche pas.
Ce dernier bouton est présent X fois, et a le même id

Je ne comprends pas d'où vient le problème.... pourriez vous m'aider?

Merci
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
function gestion_fichier(result) {
 
    $.each(result, function (i, field) {
 
        let code_pays = result[i].alpha2;
        let nom_pays = result[i].nom_fr_fr;
        let alpha3 = result[i].alpha3;
        let url = "flags/" + code_pays.toLowerCase() + '.png';
        let affichage_pays = "<div class = 'aff_infos_pays'><img src =" + url + "><p>Code pays: "
            + code_pays + "</p><p>Nom du pays: " + nom_pays
            + "</p><p><button class='btn btn-primary' id = 'infos_sup' >Infos complémentaires</button></p><div id = 'alpha3'>"
            + alpha3 + "<hr> </div></div>";
 
        $("#affichage").append(affichage_pays);
 
    });
};
 
$("#infos_sup").click(function () {
    console.log("toto");
});