javascript - jQuery 延迟队列

Question

我想延迟 css 之类的事情发生，但这种方法行不通。关于如何延迟任务的任何想法。

$(function() {
    $('.btn').click(function() {
    $('.divOne').animate({"left": "+=400px"}, "fast").delay(800).css("background-color","yellow");
    });
});      

Answer 1

您可以使用 .queue()将其粘贴到默认动画 (fx) 队列中，如下所示:

$('.btn').click(function() {
  $('.divOne').animate({"left":"+=400px"}, "fast").delay(800).queue(function(n) {
    $(this).css("background-color","yellow");
    n(); //call next function in the queue, needed if you animate later!
  });
});

You can test it here , 所有这一切都是使用 .queue(function(n)) 将其放入 fx 队列中，n 是队列中的下一个函数，所以我们调用它，例如，如果您没有这样做并添加它之后的任何动画，它都不会运行，因为下一个函数或 .dequeue()没有被调用。