JQuery UI：是否可以知道对象的删除位置？

Question

我想要做的是知道一个对象被丢弃的位置（不是位置（x，y），而是对DOM元素的引用）。

我有一个用div组成的网格，你可以删除各种项目，我需要知道网格上的哪个div是项目被删除（获得它的id会很好）。回调函数

function(event, ui) { //code here }

只是那个显然没有包含任何关于此信息的ui对象，而只是关于可拖动项目或其助手的信息。

Answer 1

您需要使用的是jQuery Droppable类，您可以在jQuery docs中阅读。

基本上，对于您希望能够放置可拖动元素的每个元素，您可以创建一个Droppable对象，一旦将另一个对象拖到它上，它就会触发。这是jQuery文档中的示例：

$(function() {
        $( "#draggable" ).draggable();
        $( "#droppable" ).droppable({
            drop: function( event, ui ) {
                $( this )
                    .addClass( "ui-state-highlight" )
                    .find( "p" )
                        .html( "Dropped!" );
            }
        });
    });

该示例中的$(this)是您要查找的元素。