Hủy lời hứa hoãn lại trong jQuery

Question

Làm cách nào để hủy lời hứa mà không xóa phần tử khỏi DOM?

fiddle

tôi chạy mã này:

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

Sau này, có cách nào để hủy bỏ lời hứa? Cả hai clearQueue() và stop(true) không hoạt động, bởi vì đó không phải là hoạt ảnh mà tôi đang cố hủy. Tôi thấy rằng remove() nên làm điều đó ... nhưng tôi chỉ muốn dừng lời hứa, không loại bỏ toàn bộ phần tử.

Answer 1

Tin vui. Kể từ hôm qua, bạn có thể hủy lời hứa của mình.

Tôi đã xuất bản phiên bản mới của plugin nhỏ jquery-timing cung cấp hai phương thức trong số nhiều phương thức khác được gọi là .wait() và .unwait().

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

Nếu sau đó bạn muốn hủy đăng ký gọi lại:

$.unwait(); 

Những phiên bản tĩnh của chờ đợi và unwait cũng hỗ trợ một tên nhóm tùy chọn để không hủy bỏ bất kỳ xử lý nhưng chỉ có một tập hợp cụ thể.

Bên cạnh đó bạn có thể làm được rất nhiều thứ thông minh hơn như:

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

hoặc toàn bộ mã trong một chuỗi, không lựa chọn unwait:

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

hoặc cùng thậm chí ngắn hơn với tùy chọn để hủy hai lần tạm dừng:

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

Chỉ cần xem tài liệu, ví dụ và API phù hợp nhất với bạn.

Answer 2

Tôi tin rằng bạn có thể sử dụng $('#box').remove();

Từ các tài liệu jQuery đây: http://api.jquery.com/promise/

Các trở Promise được liên kết với một đối tượng thu nhập hoãn lại được lưu trữ trên .data() cho một phần tử. Vì phương thức .remove() loại bỏ dữ liệu của phần tử cũng như chính phần tử, nó sẽ ngăn cản bất kỳ Lời hứa chưa được giải quyết nào của phần tử khỏi giải quyết. Nếu cần xóa phần tử khỏi DOM trước khi Lời hứa của nó được giải quyết, hãy sử dụng .detach() thay thế và theo sau bằng .removeData() sau khi giải quyết. "

Answer 3

Tôi không cho rằng bạn muốn một thứ gì đó Giống như http://jsfiddle.net/2cq8M/? Tôi liên quan đến hai lời hứa (một cách để xử lý trường hợp ở cuối tập hợp các hình động, một giải pháp khác để giải quyết hoặc từ chối khi cần.)

Answer 4

Bạn muốn sử dụng hoãn trong trường hợp này thay vì một lời hứa, tuy nhiên, bạn có thể sử dụng lời hứa của hoạt ảnh để giải quyết hoãn lại.

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(); 
} 

Một lưu ý phụ, trì hoãn chỉ có thể bị từ chối hoặc giải quyết một lần. Khi chúng bị từ chối hoặc giải quyết, bạn không thể thay đổi trạng thái của chúng.