Question

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

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

function functionTwo () {
    // ...
}

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

我知道我可以在functionOne的'完整'回调函数（下面）中嵌套functionTwo，但我不愿意，因为它可能会有点混乱。

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

有什么方法吗？干杯

Answer 1

也许你想用：

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

function functionTwo () {
    // ...
}

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

虽然在我看来：

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

更具可读性（取决于你的函数2的大小）并且更快地做同样的事情。

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

1 个答案: