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 : 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
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;
                }
            })
        });
 
 
    });