2010-06-04 20 views
48

Una pequeña pregunta con suerte con una respuesta simple, estoy utilizando jQuery arrastrable y droppable para colocar elementos en un dock. Usando el siguiente código para la caída.jQuery Droppable, obtener el elemento eliminado

$("#dock").droppable({ 
      drop: function(event, ui) { 
       //Do something to the element dropped?!? 
      } 
     }); 

Sin embargo, no pude encontrar la manera de obtener el elemento que realmente se cayó, así que puedo hacer algo para hacerlo. es posible?

Respuesta

90

Desde el drop event documentation:

Este evento se activa cuando un sin soltarlo se deja caer 'sobre la' (dentro de la tolerancia de) este lanzables. En la devolución de llamada, $ (this) representa el desplegable en el que se puede colocar el que se puede arrastrar. ui.draggable representa el arrastrable.

Así:

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

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

Do the css activa clases necesitan ser removidos – aroos

+0

Para mí, esto deja el elemento con el estado de arrastre, la posición: coordina relatative e izquierda/derecha –

+0

cómo es exactamente lo que usted seleccionar el arrastrable dentro de la función doSomething()? –

Cuestiones relacionadas