2012-03-09 13 views
5

Tengo un problema con el elemento modificable y arrastrable cuando lo dejo en un objeto de papelera.
El código está en este jsfiddle. http://jsfiddle.net/queeg/sRAmW/1/jquery ordenable, se puede arrastrar a un objeto de lata de basura

Es muy fácil de reproducir la cuestión en el jsFiddle:

  1. arrastre "pan" a sortableA" La 'caja sortableA' se expande para permitir que el elemento de ajuste

  2. arrastre. "pan" a "Papelera" La papelera se expandirá para aceptar el artículo, luego el artículo se desvanecerá.

  3. arrastre "pan" de "sortableA" a la "Papelera" El problema se mostrará solo. La papelera NO se expande y el elemento salta a otra ubicación antes de que desaparezca.

Respuesta

4

Una posible solución sería eliminar la position: absolute desde el que pueden arrastrarse cuando se deja caer en el bote de basura:

var element = ui.draggable.css('position', ''); 

DEMO

Cuando vienes de los elementos #sortableX, tienen esta regla css aplicada, pero no viene directamente de una de las dos listas.

+0

Sí, esto parece resolver el problema muy bien. Lo aprecio mucho. –

+0

De nada. Comportamiento realmente extraño, debe haber una razón para eso, pero todavía no puede resolverlo. –

+0

Noté algo. Cuando se arrastra un elemento de "sortable A" a la papelera, se visualiza un espacio vacío. Permanece visible hasta que el elemento desaparece en la papelera. ¿Hay alguna manera de separar el elemento arrastrado del contenedor del remitente tan pronto como se lo suelte? –

1

Eso se debe a que está intentando añadir un elemento ul dentro de un ul que no es HTML válido y también la causa de los estilos (izquierda, arriba) no está colocado correctamente después de arrastrarlo dentro de un basurero que se muestra como si no se hubiera arrastrado correctamente al contenedor de basura.

he fijado aquí a echar un vistazo

http://jsfiddle.net/ShankarSangoli/sRAmW/3/

+0

Agradezco cualquier ayuda. En su jsfiddle, los elementos no se pueden arrastrar desde "sortable A" a la papelera, lo cual es una funcionalidad incorrecta. –

+0

THX PERFECTO esto arregló mi problema :) ahora puedo basura objetos ordenables .. –

2

Llamar $('#sortable, #sortable2').droppable(); parece hacer el truco. Ver here.

+0

Casi.Pero cuando se cae de la "clasificación A", la papelera no se expande ligeramente como cuando se cae de las listas. –

Cuestiones relacionadas