Hacer un efecto al arrastrar y soltar a un droppable

[Timak]

Hola.

Mi duda es cómo hacer que cuando arrastre un elemento draggable y lo suelte a un droppable, éste "vuele" hacia su posición, en vez de aparecer en dicha posición de forma vulgar...

Tomando como base el ejemplo del Shopping Cart de jQuery UI: http://jqueryui.com/demos/droppable/shopping-cart.html, cuando arrastro un elemento y lo suelto al shopping cart, éste aparece de manera vulgar en su posición. Me interesaría mucho una forma de hacer que "vuele", es decir, que vaya moviendo el elemento hacia su posición, justo después de soltarlo.

He intentado hacer un efecto, pero no es lo que quería, pues lo qe hace es que al soltar el elemento, éste se parpadea 2 veces, pero no se mueve.

Éste es el efecto que intenté (después de añadir las librerías jquery.ui.core.js, jquery.effects.core.js, jquery.effects.pulsate.js):

Código Javascript:

$( "<li></li>" ).text( ui.draggable.text() ).appendTo( this ).show("pulsate",{times: 2},1000);
 

¿Se podría hacer ese efecto de mover (volar) el elemento hacia su posición al soltarlo?

Muchísimas gracias por adelantado.

Saludos.

[alexg88]

En el ejemplo de la shopping cart sólo tienes que poner el parámetro revert a invalid para que haga lo que quieres:

Código Javascript:

$( "#catalog li" ).draggable({
            revert: 'invalid',
            appendTo: "body",
            helper: "clone"
        });
 

[Timak]

Iniciado por alexg88

En el ejemplo de la shopping cart sólo tienes que poner el parámetro revert a invalid para que haga lo que quieres:

Código Javascript:

$( "#catalog li" ).draggable({
            revert: 'invalid',
            appendTo: "body",
            helper: "clone"
        });
 

Creo que no vale, tampoco "vuela" a la posición del droppable (me refiero al soltarlo en el droppable, no que vuelva a su sitio)

Un saludo.