javascript - 显示文字一段时间

Question

http://jsfiddle.net/639RF/

$("button").click(function () {
    //#t holds 'X'
    $('#t').fadeOut(1000).text('ZZ').fadeIn(1000);
    $('#t').delay(1000);
    $('#t').fadeOut(1000).text('YY').fadeIn(1000);
});

我试图显示一些文本一段时间，然后用其他文本替换它。我尝试执行此操作的方式忽略了我尝试显示的第一个文本，并从头开始将其替换为最后一个文本。

应该:

淡出“X”，淡入“ZZ”，保持一秒钟淡出“ZZ”，淡入“YY”。

Answer 1

每次调用 $("#t") 时，您都在创建一个新的 jQuery 对象。该对象可能具有相同的元素，但它仍然是具有不同属性的不同对象。

试试这个:

var t = $("#t");
t.fadeOut(1000,function() {t.text("ZZ")}).fadeIn(1000);
t.delay(1000);
t.fadeOut(1000,function() {t.text("YY")}).fadeIn(1000);

再次编辑:Figured it out!您需要使用动画回调来处理通常不属于动画队列的内容。