在拖放中檢測父元素

Question

我正在編寫棋盤遊戲腳本，並希望使用jQuery UI的拖放功能。 當我從DIV A內部的元素拖到DIV B內部時，是否有讀取DIV B作爲元素的新容器的方法。

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

Answer 1

如果你沒有聲明div b爲droppable，那麼你實際上不會在div div b中丟棄div。你只是通過移動它來改變div a的位置。

試試這個，宣佈格B中可投放。

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

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

Answer 2

警報（$（本）.closest（ 'DIV'）。ATTR（ '身份證'））

試試這個。