Javascript jQuery队列事件

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

这可能也适用于其他活动，所以我很好奇，有没有办法在淡出完成后才启动fadeId

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

---

谢谢

您可以使用回调来完成此操作。查看jQuery

---

几乎所有的jQuery效果都会在效果结束后执行回调。

这对于快速动画来说通常已经足够好了，但是如果您想将许多效果排队，还可以使用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（）执行该函数

---

有关更多信息，请参阅。

上述示例中存在一些打字错误，使其无法在Firefox中工作，更正后的版本：

$("#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();
});

---

在问题中，fadeIn是关于第二个div的。您的代码不应该在回调中包含“jQuery”（#div2”）？谢谢！这帮了我的忙。这么简单的时候，我正忙着弄清楚队列的位置！

$("#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();
});