Запуск функций последовательно без вложения функций - jQuery

Question

В идеале я хотел бы запустить эти функции последовательно.Отформатирован так:

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

Есть ли способ обойти это?Приветствия

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) и делает то же самое быстрее.