jQuery的延迟与多个选择

Question

我知道你可以做这样的事情：

$('#item').fadeOut().delay(1000).fadeIn(); 

将淡出与项目出来的ID的元素，然后逐渐把它再次插入之前等待一秒钟。但是有没有办法淡化一个项目，并将其中一个项目拖延到另一个项目中。我已经试过这一点，但没有奏效：

$('#item1').fadeOut().delay(1000).('#item2').fadeIn(); 

任何帮助非常赞赏

感谢

Answer 1

使用回调函数：

$("#item1").fadeOut(function() 
{ 
    $("#item2") 
      // Wait for 600 ms 
      .delay(600) 
      // Fade in 
      .fadeIn(); 
}); 

看到实况：http://api.jquery.com/fadeIn/

fadeIn（[d [回调]）

持续时间确定动画运行时间的字符串或数字。

easing一个字符串，指示将哪个缓动函数用于转换。

回调函数在动画完成后调用。

Answer 2

淡化回调中的第二个元素，给它延迟而不是第一个元素。

如果你想延迟仅计算作为第一个元素开始淡出，从总的延迟减褪色速度：

// Assuming default fading speed of 400 ms 
var speed = 400, delay = 1000; 

$('#item1').fadeOut(speed, function() { 
    $('#item2').delay(delay - speed).fadeIn(speed); 
}); 

如果你想延迟计算的第一个元素结束后动画，使用完整的延迟值：

$('#item1').fadeOut(speed, function() { 
    $('#item2').delay(delay).fadeIn(speed); 
}); 

Answer 3

setTimeout(function() { $('#item1').fadeOut();}, 500); 
setTimeout(function() { $('#item2').fadeIn(); }, 1000);