HTML中的Jquery隊列更改？

Question

我有一段jQuery代碼：

$('#my_span_id').fadeOut(200).html(new_count).fadeIn(600); 

我的期望是，這個代碼將工作方式如下： 淡出元素0.2秒 然後更改文本瞬間 然後淡出超過0.6秒

但是它的工作原理是這樣的： 更改文本瞬間 淡出0.2秒 淡入過0.6秒

顯然我誤解了如何鏈接作品。有關如何按預期/期望實現此功能的任何建議？

Answer 1

鏈接立即執行（如您所遇到的）。如果你想在fadeOut完成後進行一些操作，那麼把這個代碼放到你傳遞給fadeOut的完成函數中。

$('#my_span_id').fadeOut(200, function(){ 
    $(this).html(new_count).fadeIn(600); 
}); 

你可以看到它在這裏工作：http://jsfiddle.net/jfriend00/ttj2B/。

Answer 2

jquery函數html不是動畫的一部分，所以它不會與其他動畫效果一起排隊。相反，你必須這樣做：

$('#my_span_id').fadeOut(200, function(){ 
    $(this).html(new_count).fadeIn(600); 
}); 

在這裏，您使用的fadeOut回調更改HTML和褪色回去