Ajax liste dynamique clic ne se déclenche pas
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:
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:
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:
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.....
