JQuery UI：オブジェクトがどこにドロップされたかを知ることは可能ですか？

Question

私がしたいことは、（位置（x、y）の点ではなく、DOM要素への参照で）どこのオブジェクトがドロップされたかを知ることです。

私は、さまざまなアイテムをドロップすることができるdivで構成されたグリッドを持っています。グリッドのどのdivがドロップされたアイテムであるかを知る必要があります。コールバック関数

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

は明らかにだけドラッグ項目やそのヘルパーについて、本に関する情報が含まれていないだけでUIオブジェクトを持っています。

Answer 1

使用する必要があるものは、jQuery docsで読むことができるjQuery Droppableクラスです。

基本的に、ドラッグ可能な要素をドロップできるようにするすべての要素に対して、Droppableオブジェクトを作成します。このオブジェクトは、別のオブジェクトがドラッグされるとトリガーされます。これは、jQueryのドキュメントからの例です。この例では

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

$(this)は、あなたが探している要素です。