JQuery UI: Ist es möglich zu wissen, wo ein Objekt gelöscht wurde?

Question

was ich tun möchte, ist zu wissen, wo (nicht in Bezug auf die Position (x, y), aber ein Verweis auf das DOM-Element) ein Objekt wurde fallen gelassen.

Ich habe ein Gitter mit divs gemacht, wo Sie verschiedene Gegenstände fallen lassen können und ich muss wissen, welche div auf dem Gitter war der Gegenstand fiel auf (bekommen seine ID wäre in Ordnung). Die Callback-Funktion

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

hat genau das ui Objekt, die anscheinend keine Informationen darüber enthält, sondern nur über den ziehbar Artikel oder dessen Helfer.

Answer 1

Was Sie brauchen, ist die jQuery Droppable Klasse, die Sie in der jQuery docs lesen können.

Grundsätzlich erstellen Sie für jedes Element, auf dem Sie ein ziehbares Element ablegen möchten, ein Objekt Droppable, das ausgelöst wird, sobald ein anderes Objekt darauf gezogen wird. Dies ist das Beispiel aus der jQuery docs:

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

Die $(this) in diesem Beispiel ist das Element, das Sie suchen.