Question

我无法找到有关如何获取目标ID的任何信息：draggable
（仅限droppable）

JS

如果我使用此代码，我将获得下一个可拖动元素的id。

我删除元素的Div有一个“.flak”类那么，我可以使用类似的东西：

$('.elementDiv').draggable({
    stop: function() {
    var droppedWhere = $('this').next().attr('id');

更新
我想要的结果。

我有一个可放弃的HTML DIV。

$('.flak').closest(this).attr('id');  ???

我还有一个可拖动的HTML DIV。

<div class="flak" id="iNeedThis"></div>

现在，如果我使用：

<div class="elements" id="1">1<div>
<div class="elements" id="2">2<div>

我得到的结果是：2（下一个可拖动的项目）
我希望结果是：“INeedThis”

Answer 1

好的做法是使用在接受和删除可拖动元素时触发的drop事件。 next，parent，colsest都不起作用的原因是因为拖动的元素没有附加到div只是改变位置。

考虑一下：

  $( ".flak" ).droppable({
        accept: ".elements",
        drop: function( event, ui ) {
             var dropwhere      = $(this).attr('id')
             var whatWasDropped = ui.draggable.attr("id");
             console.log(dropwhere + " -> " + whatWasDropped);
        }
  });

  $('.elements').draggable({});

DEMO JSnippet

如果您坚持通过拖动元素获取投递箱ID，则需要比较偏移量以确定放置哪个框。

Answer 2

您可以使用：

$（ “防弹”）。可投放（ {

接受： “元素”，

drop：function（e，ui） {

alert（$（this）.attr（“id”））;

}

}）;

获取可拖动的目标ID

2 个答案: