2012-03-17 16 views
7

¿Puede alguien ayudarme con este trozo de código: http://jsfiddle.net/tVzq9/2/jQuery UI: ¿se puede arrastrar/soltar para colocar al elemento primario div?

Estoy intentando conseguir el div '.boxArt' se ajusten a la div padres .drop ', pero de la misma manera, ya que revierte (así que es suave). En este momento caerá sobre el div pero no se ajustará correctamente. El uso de "tolerancia: 'ajuste'" para el drop div no funciona, ya que es muy difícil posicionarlo exactamente sobre él. ¡Gracias por la ayuda!

Respuesta

15

he aquí una solución: http://jsfiddle.net/awsFU/

Utilice la drop event del lanzables para manejar la animación de la que pueden arrastrarse en el lanzables. Tenga en cuenta que la función de devolución de llamada drop recibe dos parámetros: event y ui. El objeto que se puede arrastrar se accede a través del parámetro ui (ui.draggable) dentro de la devolución de llamada drop. A continuación, puede calcular la nueva posición del arrastrable desde los desplazamientos actuales del arrastrable y desplegable.

+0

Gracias! Funciona perfectamente. :) Otra pregunta: ¿el div arrastrable realmente se movió al div para que pueda ser detectado? Cuando uno se coloca en otro, quiero que cambien de lugar. ¿Sería eso posible? Gracias de nuevo. –

+2

Si usa algo como Firebug, verá que los 'div's no se mueven en el html; solo cambia su estilo para modificar su posición. Por lo que quiere hacer, probablemente tenga que verificar la posición del otro arrastrable y moverlo cuando el primer arrastrable se suelte en la misma ubicación. –

Cuestiones relacionadas