Discussion :

[clems_t]

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 :

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

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 html :

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

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 :

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

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 , merci d'avance.

[Invité]

Bonjour,

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

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

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

Code javascript :

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

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.

[clems_t]

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

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