javascript - jQuery 用户界面 : is it possible to know where an object has been dropped?

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) 是您要查找的元素。