Bonjour,

je vais essayer d'être clair pour mon premier message ici :
Situation générale :
Je suis en train de developper une fenêtre modale qui permettra soit de sélectionner une image dans une liste d'image déjà ajoutées à la base soit (en dessous de la liste) d'uploader une image qui sera ajoutée à la base d'images et, via jquery ajoutée dans la liste précédemment décrite.

L'upload fonctionne
L'ajout à la liste fonctionne
La sélection d'une image fonctionne (si on clique sur une image de la liste tout se passe normalement je récupère les infos de l'image pour le formulaire qui a affiché la fenêtre modale)

Ce qui ne fonstionne pas :
Lorsque j'upload une image et qu'elle est ajoutée dynamiquement à ma liste, si je clique dessus, l'évènement "click" de jquery ne se déclenche pas! Alors que toutes les autres images déclenchent bien.

Les images sont de la forme :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<div class="col-sm-12" id="liste_medias">
    ...
    <img class="image-liste-medias" id="image53" src=".../medias/53-blabla-thumb.jpg" title="53 -> blabla.jpg " height="120px" width="120px">
    ...
</div>
La fonction qui ajoute l'image à ma liste :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
function maj_liste_medias(){
	contenu='<img class="image-liste-medias" id="image'+id_media+'" src="'+url_thumb+'" height="120px" width="120px"  title="'+id_media+' -> ">';
	$('#liste_medias').append(contenu);
};
Si je consulte le DOM l'image est bien là avec les bonnes informations.

Le déclenchement du clic se fait sur la class CSS image-liste-medias :
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
24
25
26
27
28
29
30
31
32
33
34
35
 
//--clic sur un media affiché
	$('.image-liste-medias').click(function(){
		id_media= $(this).attr('id').substring(5);
		//--recupération par ajax des infos du fichier cliqué
		$.ajax({
			url: "<?echo _REP_MODULES_;?>uploadmedia/ajax_infos_media.php", 
			type: "GET",
			data: 'id_media=' +id_media,
			contentType: false,
			cache: false,
			processData:false,
			dataType: 'json',
			success: function(json)
			{
 
				if (json.status==='ok'){
					//$('#loading').hide();
					//$('#ok').show();
					var message	= json.message;
					id_media = json.id_media;		//-- recupère id du media
					fic_media= json.le_fichier;		//-- récupère nom du fichier media
					url_thumb= json.url_thumb;		//-- récupère url complete du thumb du media
					url_media= json.url_media;		//-- récupère url complete du media haute def
					recup_donnees();				//-- transfère les données aux champsdu formulaire
				}else{
					$('#loading').hide();
					$('#nok').show();
					$("#message").html(json.message);
				}
 
			}
		});
	});
});
Bref lorsque l'image est ajoutée à ma liste la fonction click n'est pas déclenchée....

Je ne comprends pas pourquoi

Tout est fini sauf ce bug.....