2012-09-30 13 views
6

Digamos que tengo 3 caras sonrientes, L, M y R en la parte superior de la página. En la parte inferior, tengo un cuadro de destino. Entre ellos hay una declaración: "arrastre el smiley medio al destino".jquery se puede arrastrar pero deja copiar donde estaba el elemento original

Mientras que el arrastre le permite hacer eso, arrastra el elemento real, no una copia. Cuando el usuario arrastra una carita sonriente, quiero que los 3 superiores permanezcan estacionarios, con solo una copia de la que se están moviendo para moverse realmente. El usuario debería poder arrastrar múltiples copias si es necesario en múltiples casillas de destino.

Básicamente, estoy buscando algo como esto

$("#drag-target-1").draggable('leave-copy'); 
+1

posibles duplicados: http://stackoverflow.com/q/2458817/900747, http://stackoverflow.com/q/623703/900747, http://stackoverflow.com/q/5552083/900747 –

+1

http://jqueryui.com/demos/draggable/#option-helper – j08691

Respuesta

9

establecimiento Uso ayudante con valor clone para permitir la clonación del elemento arrastrable.

$("#drag-target-1").draggable({helper : 'clone' }); 
+0

ahhh gracias. ¡No estoy seguro de cómo me perdí eso! – jason

Cuestiones relacionadas