jquery - 顺序运行函数而不嵌套函数 - jQuery

理想情况下，我想按顺序运行这些功能。格式如下:

function functionOne() {
    $('.div').animate({'height', 200}, 1000);
}

function functionTwo () {
    // ...
}

$(document).ready(function() {
    functionOne();
    functionTwo();
});

我知道我可以将 functionTwo 嵌套在 functionOne 的“完整”回调函数中(如下)，但我不想这样做，因为它会变得有点困惑。

function functionOne() {
    $('.div').animate({'height', 200}, 1000, function() {
        functionTwo();
    });
}

有什么办法解决这个问题吗？干杯

最佳答案

也许你想使用:

function functionOne(callback) {
    $('.div').animate({'height', 200}, 1000, callback);
}

function functionTwo () {
    // ...
}

$(document).ready(function() {
    functionOne(function2);
});

虽然在我看来:

$(function(){
    $('.div').animate({'height', 200}, 1000, function(){
        // ...
    });
};

更具可读性(取决于您的 function2 的大小)并且更快地完成相同的事情。

关于jquery - 顺序运行函数而不嵌套函数 - jQuery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6866732/