Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/08/2011, 09:46
Timak
 
Fecha de Ingreso: marzo-2009
Mensajes: 18
Antigüedad: 15 años, 9 meses
Puntos: 0
Hacer un efecto al arrastrar y soltar a un droppable

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:
Ver original
  1. $( "<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.