如何将delay()与each()一起使用？

Question

$("#home #oneTool").prepend($(".userInfo.module"));

var topVal = $(".userInfo.module").height();
$(".userInfo.module").hide();
$(".userInfo.module").slideDown(3000);

$("#home #oneTool div.divspot").each(function(){
   var newVal = topVal + parseInt($(this).css('top'));
   $(this).css('top',newVal);
});

.userInfo.module 出现在所有 div.divspot 之上...

由于我使用的是 SlideDown，因此每个函数都需要延迟，以便 >div.divspot也可以顺利滑落..（延迟会有帮助吗？）

注意：所有div.divspot都是绝对定位的

Answer 1

首先，slideDown 将一个函数作为参数，在完成后调用该函数。 http://api.jquery.com/slideDown/

支持另一个意识到你在问什么的回答者以及我没有正确阅读你的问题的#fail。

话虽这么说，对于完成后没有回调的方法，这里有几个选项。

两个选项：

1. 使用队列
2. 使用 setTimeout

使用队列：

http://api.jquery.com/queue/

$(".userInfo.module").fooThatTakes(3000).queue(function() {
  $("#home #oneTool div.divspot").each(function(){
    var newVal = topVal + parseInt($(this).css('top'));
    $(this).css('top',newVal);
  });
});

使用setTimeout。

var delay = 3000;
$(".userInfo.module").fooThatTakes(delay);
t = setTimeout(afterFoo, delay);

function afterFoo() {
  $("#home #oneTool div.divspot").each(function(){
    var newVal = topVal + parseInt($(this).css('top'));
    $(this).css('top',newVal);
  });
}

Answer 2

如果我正确理解了您的问题，那么您希望在 slideDown 完成后运行您的 each 函数。如果这是正确的，那么您可以使用 slideDown 函数的回调：

$(".userInfo.module").slideDown(3000, function() {
    //Your each function
});

回调将在动画完成时运行。