Détection des éléments parents par glisser-déposer

Question

J'écris un script de jeu de plateau et j'aimerais utiliser la fonctionnalité de glisser-déposer de jQuery UI. Lorsque je fais glisser un élément de DIV à A à l'intérieur de DIV B, existe-t-il un moyen de lire DIV B comme le nouveau conteneur de l'élément.

$(".draggable").draggable({ 
    stop: function() { 
     alert(this.parentNode.id); // alerts DIV A's id 
    } 
}); 

Answer 1

Si vous ne déclarez pas b div b comme droppable, vous ne supprimez en réalité div div interne. Vous ne faites que changer l'emplacement de diva en le déplaçant.

Essayez ceci, déclarez div b comme droppable.

$("#b").droppable(); 
$("#a").draggable(); 

$("#b").droppable({ 
    drop: function(event, ui) { 
     alert($(this).attr("id")); 
    } 
}); 

Answer 2

alerte ($ (this) .closest ('div'). Attr ('id'))

essayer.