如何在drop函数中跟踪可拖动div id的id

Question

我必须使用javascript在drop函数中找到可拖动div的id。使用Jquery，我知道如何找到它。但是我被困在一种情况下，拖拽事件的id在drop函数中是必需的。在拖拽函数中，我可以通过使用alert("id "+obj.id)来获取id，但请使用javascript在拖放函数中帮助我找到它。

以下是代码

function allowDrop(ev)
{
    ev.preventDefault();
}

function drag(ev, obj)
{
    ev.dataTransfer.setData("Text",ev.target.id);
    alert("id "+obj.id)
}

function drop(ev)
{
    farea1[i] = x[0].getElementsByTagName("termTxt")[i].getAttribute("correctCat");

    ev.preventDefault();
    var data=ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data));


    i++;
    display();

    if(ev.target.id == "area1"){
        fans1[n]=farea1[k];
        k++;
        n++;
        countarea1++;   
    }
}

Answer 1

使用此函数查找可丢弃的id

$(function() {

        $( "#droppable" ).droppable({
            drop: function( event, ui ) {
                $( this ).html( "Dropped in " + this.id );
            }
        });
});

Answer 2

您应该能够通过以下方式获取目标div ID：

  $(".droppable").droppable({
        drop: function(event, ui) {
            $('.display').html("Dropped in " + this.id);
        },
        over: function(event, ui) {
            $('.display').html( this.id );
        }
    });