48

Eine kleine Frage hoffentlich mit einer einfachen Antwort, ich benutze jQuery ziehbare und dropable, um Elemente in ein Dock zu platzieren. Den folgenden Code für den Drop verwenden.jQuery Droppable, bekomme das Element drop

Allerdings konnte ich keinen Weg finden, um zu bekommen, welches Element tatsächlich gelöscht wurde, damit ich etwas tun kann. Ist das möglich?

Antwort

90

Vom drop event documentation:

Dieses Ereignis wird ausgelöst, wenn ein akzeptiert ziehbar fallen gelassen wird ‚über‘ (innerhalb der Toleranz) dieses abwerfbaren. Im Callback stellt $ (this) das Droppable dar, auf das der ziehbare gesetzt ist. ui.draggable repräsentiert die ziehbare.

So:

$("#dock").droppable({ 
    drop: function(event, ui) { 
       // do something with the dock 
       $(this).doSomething(); 

       // do something with the draggable item 
       $(ui.draggable).doSomething(); 
      } 
}); 
+0

Sie die aktive CSS-Klassen müssen – aroos

+0

Für mich entfernt werden, das lässt das Element mit Mitziehzustand, Position: relatative und links/rechts-Koordinaten –

+0

Wie wollen Sie genau Wählen Sie die ziehbare innerhalb der doSomething() Funktion? –