Cancelar una promesa diferida en jQuery

Question

¿Cómo puedo cancelar una promesa sin eliminar el elemento del DOM?

fiddle

que corrió este código:

$("#box") 
    .delay(2000) 
    .show("slow") 
    .delay(2000) 
    .promise()        
    .then(function(){log("Done");}); 

Después de esto, hay una manera de cancelar la promesa? Ambos clearQueue() y stop(true) no funcionaron, porque no es una animación que intento cancelar. Vi que remove() debería hacerlo ... pero solo quiero detener la promesa, no eliminar todo el elemento.

Answer 1

Buenas noticias. Desde ayer puedes cancelar tu promesa.

Publiqué la nueva versión de mi pequeño complemento jquery-timing que proporciona dos métodos entre muchos otros llamados .wait() y .unwait().

var deferred = $("#box").delay(2000).show("slow").delay(2000).promise(); 
$.wait(deferred, function(){ log("Done"); }); 

Si a continuación desea anular el registro de la devolución de llamada:

$.unwait(); 

Estas versiones estáticas de espera y unwait también el apoyo de un nombre de grupo opcional a no cancelar cualquier manejador pero sólo un conjunto específico.

Además de que se puede hacer muchas cosas más inteligente como:

$('#box').wait(deferred).addClass('ready'); 

o todo el código en una cadena, sin opción unwait:

$("#box").delay(2000).show("slow") 
    .delay(2000).join(function(){log("Done");})).addClass('ready'); 

o el mismo aún más corto con la opción de cancelar las dos pausas:

$("#box").wait(2000).show("slow",$) 
    .wait(2000, function(){log("Done");})).addClass('ready'); 

Sólo hay que ver los documentos, ejemplos, y la API de lo que se ajusta mejor para usted.

Answer 2

Creo que se puede utilizar $('#box').remove();

De la documentación de jQuery aquí: http://api.jquery.com/promise/

El regresaron Promise está vinculado a un objeto diferido almacenado en el .data() para un elemento. Como el método .remove() elimina los datos del elemento, así como el elemento en sí, evitará que se resuelva alguna de las promesas no resueltas del elemento. Si es necesario eliminar un elemento de la DOM antes de que se resuelva su promesa, utilizar .detach() en su lugar y seguir con .removeData() después de la resolución."

Answer 3

no creo que te gustaría algo como http://jsfiddle.net/2cq8M/? Estoy involucrando dos promesas (una para manejar el caso al final del conjunto de animaciones, la otra para resolver o rechazar según sea necesario).

Answer 4

En este caso, desea utilizar un diferido en lugar de una promesa, sin embargo, puede utilizar la promesa de la animación para resolver el aplazado.

http://jsfiddle.net/LG9eZ/9/

var stopDone = true; 

function log(msg) { 
    $(".debug").append(new Date() + " - " + msg + "<br/>"); 
} 

log("Starting"); 

var boxAnimation = new $.Deferred(); 
boxAnimation.done(function() { 
    log("Done"); 
}); 
boxAnimation.fail(function() { 
    log("Stopped"); 
}); 


$("#box").delay(2000).show("slow").delay(2000).promise().then(function() { 
    boxAnimation.resolve(); // when all the animations are done, resolve the deferred. 
}); 


if (stopDone) 
{ 
    boxAnimation.reject(); 
} 

Como nota al margen, los diferidos solo se pueden rechazar o resolver una vez. Una vez que son rechazados o resueltos, no puede cambiar su estado.