Bonjour,

Depuis peu j'ai un petit souci, je voudrais récupérer l'id de l'élément qui a la propriété draggable et l'id de l'élément droppable et les afficher dans la console. Pour l'élément que j'ai déplacé il affiche le bon id, mais pour l'id de la div où il a été déposé, je reçois toujours la même valeur c'est à dire 1 et je ne comprends pas pourquoi ?

Voila mon code
Code html : 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
 
<div id="zone">
            <div id="case1x1" class="image" </div>
            <div id="case1x2" class="image" </div>
            <div id="case1x3" class="image" </div>
            <div id="case2x1" class="image" </div>
            <div id="case2x2" class="image" </div>
            <div id="case2x3" class="image" </div>
            <div id="case3x1" class="image" </div>
            <div id="case3x2" class="image" </div>
            <div id="case3x3" class="image" </div>
        </div>
 
 <div id="game">
            <div class="jeu" id="1"></div>
            <div class="jeu" id ="2"></div>
            <div class="jeu" id="3"></div>
            <div class="jeu"id="4"></div>
            <div class="jeu" id="5"></div>
            <div class="jeu" id="6"></div>
            <div class="jeu" id="7"></div>
            <div class="jeu" id="8"></div>
            <div class="jeu" id="9"></div>
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
 
$('.image').draggable({
    containment :'miniprojet',
    snap:".jeu",
    snapMode:"inner",
    revert: 'invalid',
 
 
 
 
});
$('#game').droppable({
 
    tolerance:"pointer",   
     drop: function(ev, ui) {
           var objet_drop = $(ui.draggable); // L'élément drop
            var id_objet = objet_drop.attr('name'); // ID de l'élément drop
            var drop = $(this).children('div').attr('id');
 
            console.log(id_objet);
            console.log(drop);
 
       }