Question

我必须使用javascript在drop函数中找到draggable div的id。使用Jquery我知道如何找到它。但我陷入了一种情况，其中在拖放功能中需要拖动事件的id。在拖动功能中，我可以使用alert("id "+obj.id)来获取ID，但请帮我在使用javascript的drop函数中找到它。

这是代码

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

使用此功能查找droppable 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 );
        }
    });

如何在drop函数中跟踪draggable div id的id

2 个答案: