/ / Falta el efecto sobre el efecto después de un cambio de div (jquery draggable / droppable) - javascript, jquery, draggable, droppable

Falta el sobre-efecto después de un cambio de div (jquery draggable / droppable) - javascript, jquery, draggable, droppable

Estoy usando jquery´s draggable and droppable paraimplementando un arrastre "n" drop -functionality: Hay dos pestañas, cada una contiene una zona desplegable con draggables. Ahora puedo seleccionar un elemento que se puede arrastrar y moverlo a la otra pestaña: la pestaña cambia cuando me muevo sobre la pestaña durante el proceso de arrastre. (Al igual que MS WinExplorer si mueve un archivo de un directorio a otro ...). Para indicar que el usuario está por encima de una zona desplegable, uso la opción hoverClass-class.

El problema: Después de cambiar las pestañas varias veces durante el arrastre, falta el efecto de desplazamiento. Si el tamaño del navegador requiere barras de desplazamiento y muevo el puntero con el elemento que se puede arrastrar a uno de los bordes del navegador (para que el navegador se desplace), se muestra el efecto de desplazamiento .... He agregado el sobre-evento al droppable para verificar si esto siempre se dispara, pero no lo es.

$(".drag").draggable({
revert: "invalid",
helper: function () {
return $("<div></div>").addClass("drag-dragging").appendTo("body").text($(this).text());
}
});

$("#panel-1-droppable,#panel-2-droppable").droppable({
accepts: "drag",
hoverClass: "panel-dropover",
over: function () {
// just to check the over-event
$("#over-state").text("Mouseover with draggable [" + $(this).attr("id") + "]");
}
});

$(".panel-tab").droppable({
over: function () {
// changing tab...
}
});

He creado un escenario de prueba para reproducir el problema: http://jsfiddle.net/CKYJs/5/

Espero haber proporcionado toda la información necesaria ...

Respuestas

0 para la respuesta № 1

Problema resuelto configurando refreshPositions en TRUE.

http://api.jqueryui.com/draggable/#option-refreshPositions