Question

我需要找到droppable div的确切子ID。现在，它返回父元素id。我的Html

<div id="grey"  class="ui-widget-content">Goal #2:Even previously dropped objects should disappear when dragged to Grey area
    <div id="yellow" alignment="center" class="ui-widget-content">Dragged objects should stay</div>
    <div id="green" alignment="center" class="ui-widget-content">Dragged objects should stay</div>
</div>

所以它总是将id返回为灰色。我怎样才能找到确切的下降div id。

小提琴： http://jsfiddle.net/GRDww/156/

Answer 1

要获得删除的div id，您应该使用

ui.draggable

在drop回调中。

获取id：

console.log(ui.draggable.attr('id'));

演示：http://jsfiddle.net/GRDww/157/

见控制台

https://jqueryui.com/droppable/

Answer 2

获取可拖动的元素ID：

ui.draggable.id

或者获取可丢弃元素的id：

event.target.id

如何找到丢弃div儿童id？

2 个答案: