javascript - jQuery 队列事件

Question

所以我想做的是使用 jQuery 为我正在处理的一些 AJAX 调用协调一些效果。我的问题是第二个 div 的 fadeIn 与第一个 div 的 fadeOut 同时触发。

这也适用于其他事件，所以我很好奇，是否有任何方法可以让 fadeId 仅在 fadeOut 完成后启动？

jQuery("#div1").fadeOut("slow"); 
jQuery("#div2").fadeIn("slow");

谢谢

Answer 1

这对于快速动画来说通常已经足够了，但是如果你想排队一些效果，你也可以像这样使用 queue() 和 dequeue() 方法:

$("#div1").fadeOut();
$("#div1").queue(function()
{
   $(this).fadeIn();
   $(this).dequeue();
});
$("#div").queue(function() 
{
   $(this).html("And now I'm sliding up. Wee!");
   $(this).slideUp("slow");
   $(this).dequeue();
});

这里，queue() 向对象的队列(不一定是动画)添加一个函数，dequeue() 执行该函数。

参见 docs获取更多信息。