Wie animiere ich in jQuery, ohne Rückrufe zu stapeln?

Nehmen wir an, ich habe drei Divs, und ich möchte, dass jeder animiert wird, sobald der vorherige fertig ist. Derzeit schreibe ich Folgendes:

<code>$('div1').fadeOut('slow', function() {
    $('div2').fadeOut('slow', function() {
        $('div3').fadeOut('slow');
    });
});
</code>

Welches ist hässlich, aber überschaubar.

Stellen Sie sich vor, ich habe 10 verschiedene Animationen, die nacheinander ablaufen müssenauf verschiedenen Elementen. Plötzlich wird der Code so klobig, dass es extrem schwierig ist, ihn zu verwalten ...

Hier ist der Pseudocode für das, was ich tun möchte:

<code>$('div1').fadeOut('slow' { delay_next_function_until_done: true } );
$('div2').fadeOut('slow' { delay_next_function_until_done: true } );
$('div3').animate({ top: 500 }, 1000 );
</code>

Wie erreiche ich das?

Antworten auf die Frage(7)

Ihre Antwort auf die Frage