Récupérer la class d'une liste précèdement créée

Bonsoir à tous, j'effectue un petit projet web en utilisant JQuery mais j'ai un souci, je m'explique

J'ai une fonction du style

Code:

---

1 2 3 4

function ma_fonction(param1, paramn){ li = '<li ma_class'><a href="#">param1</a></li> $('#mon_id').append(li); }

---

que j'appelle après un clique qui me créer une liste de taille variable du style :

Code:

---

1 2 3 4

<ul id="mon_id"> <li class="ma_class"><a href="#"</li> ... </ul>

---

Jusqu'ici aucun problème, maintenant j'aimerai pouvoir récupérer la class au clique sur un lien de ma liste, j'ai fais

Code:

---

1 2 3 4

// Test $('#mon_id li').on("click", function() { console.log('test'); });

---

Mais rien ne ce passe, j'aimerai avoir des indices, ou conseil pour comprendre le pourquoi du comment :P, merci d'avance.

Bonjour,

Citation:

---

Envoyé par clems_t

... mais j'ai un soucie, ...

---

Oui, d'orthographe et grammaire, d'abord ! :aie:

<ul id="mon_id"> n'existe pas dans le DOM au départ.
Il faut "s'accrocher" à un élément existant :

Code:

---

1 2 3 4

// Test $('#id_existant').on( 'click', '#mon_id li', function() { console.log('test'); });

---

Ca peut-être $('body').on(...) mais le plus proche englobant le <ul id="mon_id"> est le mieux.

Pour l’orthographe on va mettre ça sur le compte de la fatigue :aie:.

Effectivement le problème venait de là ;), je prends note pour mes futurs dev :)