javascript - 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 完成后执行某些操作，请将该代码放入传递给 fad​​eOut 的完成函数中。

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

你可以在这里看到它的工作:http://jsfiddle.net/jfriend00/ttj2B/ .