javascript - javascript/jquery 函数仅在前一个函数完成执行后运行

Question

我正在制作一个简单的 jquery 动画，其中我定义了两个函数作为 runit(); 和 runit2()。

我需要的是仅在 runit() 完成执行后才执行 runit2() ，但问题是两者似乎同时执行。

我在这里包括一个粗略的小提琴：http: //jsfiddle.net/5444s/

有人可以帮忙吗？？

Answer 1

你可以把你的runit2()电话放在item2.fadeOut()回调函数中。正如在函数item2.fadeOut末尾调用的那样runit()，runit2()将在将函数runit();
替换为之后执行runit()：

function runit(){
    var b = fixit("container3");
    item1.myFunction();
    item1.animate({left:"-="+b+"px",top:"-=140px"},"fast");
    item2.fadeOut(500,function(){
        $(this).css('zIndex','-1');
        runit2();
    });
}