javascript - 检测拖放中的父元素

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 声明为可放置，则实际上您并没有将 div a 放置在 div b 内。您只需通过移动 div a 来更改它的位置。

试试这个，将 div b 声明为可删除。

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

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