Question

我正在开发一个拖放应用程序。我有一个可以在文档中拖动的DIV，文档中还有一些其他的div，我可以将一个div拖到其他div，但是我怎样才能找到拖放DIV的div的id，

我只是想在将DIV放在上面之后知道目标DIV的ID。

谢谢

Answer 1

您应该能够从事件函数内部this.id获取目标的ID（demo）

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

Updated demo明确指出this.id适用于任何事件。

Answer 2

如果您使用事件委托，此将是目标div的某个父级。在这种情况下，您可以使用：

var handleDrop=function(e)
{
    var target=e.target || e.srcElement;
    var id=target.id;
    // do something with it
}

Answer 3

您可以使用事件处理程序;它既可以拖动也可以拖放一个。

function handleDropEvent(event, ui) {
  alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id);
}

$('#someContainer').droppable({
  drop: handleDropEvent
})

jQuery：拖放：找到目标的id

3 个答案: