jQuery reversión pueda arrastrar y dejar de evento

Question

Primera pregunta, así que sean amables :)

Lo que estoy tratando de hacer es llamar a una función cuando el usuario suelta el que pueden arrastrarse, y antes de la animación de reversión se ha completado.

Por lo que puedo ver, el evento de detención se invoca solo cuando la reversión ha finalizado. He intentado pasar una función a la opción revertir de arrastrar, pero parece que no funciona. Aquí hay un poco de mi código para demostrar;

$("a").draggable({ 
    helper:function(){ 
     return $("<div/>",{id:"mydrag",text:"link"}).appendTo("body"); 
    }, 
    revert:function(evt,ui){ 
     // $("#mydrag").fadeOut("slow"); 
     return true; 
    }, 
    stop:function(evt,ui){ 
     console.log("fin"); 
    } 
}); 

Si descomentar la primera línea de la función de reversión - fadeout - a continuación, el elemento se desvanece, pero no vuelve. La consola solo registra "fin" cuando la animación de revertir se ha completado.

¿Alguien me puede ayudar? Huelga decir que he buscado mucho en Google una respuesta, pero sin suerte.

Buster

Answer 1

primer lugar, según this blog, el indocumentado revert de devolución de llamada sólo se necesita un solo argumento (el objeto socket gota, o el booleano false si se rechazó la gota).

Ahora, el problema es que draggable usa internamente para cambiar la posición del ayudante. Aparentemente, esa animación se pone en cola y solo comienza después de que finalice su efecto fadeOut.

Una forma de lograr lo que desea es realizar la llamada a animate() a sí mismo, así:

revert: function(socketObj) { 
    if (socketObj === false) { 
     // Drop was rejected, revert the helper. 
     var $helper = $("#mydrag"); 
     $helper.fadeOut("slow").animate($helper.originalPosition); 
     return true; 
    } else { 
     // Drop was accepted, don't revert. 
     return false; 
    } 
} 

Eso permite que el ayudante pueda arrastrar a desvanecen mientras está siendo revertida.

Puede probar esa solución here.