Interfaccia utente jQuery: trascinamento droppabile/trascinabile su div principale?

Qualcuno mi può aiutare con questo pezzo di codice: http://jsfiddle.net/tVzq9/2/Interfaccia utente jQuery: trascinamento droppabile/trascinabile su div principale?

Sto cercando di ottenere il div '.boxArt' per scattare al div genitore '.Drop', ma nello stesso modo come si ritorna (quindi è liscio). Al momento scenderà sul div ma non si adatterà correttamente. Usare "tolerance: 'fit'" per il div drop non funziona poiché è molto difficile posizionarsi esattamente su di esso. Grazie per l'aiuto!

fonte

2012-03-17 Joey Morani

Ecco una soluzione: http://jsfiddle.net/awsFU/

Utilizzare la drop event del droppable per gestire l'animazione del trascinabile sul droppable. Notare che la funzione di callback drop riceve due parametri: event e ui. L'oggetto trascinabile è accessibile tramite il parametro ui (ui.draggable) all'interno della richiamata drop. Quindi è possibile calcolare la nuova posizione del trascinabile dagli offset correnti di droppable e droppable.

fonte

2012-03-17 03:56:01

Grazie! Funziona perfettamente. :) Un'altra domanda: il div trascinabile viene effettivamente spostato nel div in modo che possa essere rilevato? Quando uno è posto su un altro, voglio che cambi posizione. Sarebbe possibile? Grazie ancora. –

Se usi qualcosa come Firebug, vedrai che i 'div's non vengono spostati nell'html - solo il loro stile viene modificato per modificare la loro posizione. Per quello che vuoi fare, probabilmente dovrai controllare la posizione dell'altro trascinabile e muoverlo quando il primo draggable viene lasciato cadere nella stessa posizione. –

Interfaccia utente jQuery: trascinamento droppabile/trascinabile su div principale?

risposta

Problemi correlati