Fonction inactive suite à append
Bonjour à tous,
J'ai un souci avec un élément ajouté au DOM avec la fonction append.
J'ai ajouté une fonction à cet élément mais l'action ajax n'est pas appliqué.
La fonction de suppression du div masque bien l'élément mais ne le supprime pas dans la DB. Je suis obligé d'actualiser la page pour pouvoir supprimer les éléments créer.
Pouvez-vous m'aidez, merci.
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
36
37
38
39
40
41
42
43
44
45
46
47
|
$(document).ready(function() {
$('#diaporama').hide();
$('#load').hide();
$(".img").css("cursor","pointer");
$(".del").css("cursor","pointer");
$(".img").click(function(){
var id = $(this).attr("rel");
var dataString = 'id_diaporama=1&id_img='+id;
$.ajax({
type: 'POST',
url: 'ajax.php',
data: dataString,
beforeSend: function(){
$('#load').fadeIn();
},
success: function(data){
var responseData = jQuery.parseJSON(data);
var img = responseData.img;
var idDel = responseData.id;
$('#diaporama').fadeIn(1000).append('<img class="del" id="'+idDel+'" src="'+img+'"/>');
$('#load').hide();
}
})
});
// suppression du div
$(".del").live('click',function(){
var id = $(this).attr("id");
var dataString = 'id='+id+'&del=1';
$.ajax({
type: 'POST',
url: 'ajax.php',
data: dataString,
success: function(data){
var responseData = jQuery.parseJSON(data);
var id = responseData.id;
$("img#"+id).fadeOut(1000);
return false;
}
})
});
}); |
