jQuery .delay() không trì hoãn hàm .html()

Question

Tôi đang cố gắng thực hiện một mẹo nhỏ để làm mờ một div, thay thế nội dung của nó và làm mờ nó trở lại. Sự kiện .html đang thay thế nội dung trước fadeOut hoàn tất ...

$("#products").fadeOut(500) 
       .delay(600) 
       .html($("#productPage" + pageNum).html()) 
       .fadeIn(500); 

Nó xuất hiện rằng .html() không bị trì hoãn theo phương pháp .delay().

Answer 1

delay sẽ làm việc cho trường hợp của bạn khi sử dụng với các queue như thế này:

$("#products").fadeOut(500) 
    .delay(600) 
    .queue(function(n) { 
     $(this).html("hahahhaha"); 
     n(); 
    }).fadeIn(500);​ 

Hãy thử nó ở đây: http://jsfiddle.net/n7j8Y/

Answer 2

bạn có thể thay đổi nó để thực hiện thay đổi khi fadeOut được hoàn thành bằng thông số hàm fcallback.

để nó trở thành:

$("#products").fadeOut(500, function() { 
    $(this).html($("#productPage" + pageNum).html()); 
    $(this).fadeIn(500); 
}); 

Answer 3

Có lẽ "hàng đợi" cách nó ok, Nhưng giải pháp javascript này hoạt động tốt hơn cho tôi:

setTimeout (function(){ 
     $("#products").html('Product Added!'); 
    },1000);