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