在拖放中检测父元素

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 b中删除div。你只是通过移动它来改变div a的位置。

试试这个，将div b声明为droppable。

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

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

Answer 2

警报（$（本）.closest（ 'DIV'）。ATTR（ '编号'））

试试这个。