Mam wiele funkcji, różne animacje do różnych części HTML. Chciałbym łączyć lub kolejkować te funkcje, aby uruchamiały animacje kolejno, a nie w tym samym czasie.

Próbuję zautomatyzować wiele zdarzeń w sekwencji, aby wyglądało, jakby użytkownik klikał różne przyciski lub łącza.

Prawdopodobnie mógłbym to zrobić za pomocą funkcji zwrotnych, ale wtedy musiałbym pobrać wszystkie animacje z różnych funkcji i przegrupować we właściwy wzór.

Czy „kolejka” jquery pomaga? Nie mogłem zrozumiećdokumentacja dla kolejki.

Przykład, JQuery:

 function One() {
        $('div#animateTest1').animate({ left: '+=200' }, 2000);
    }
    function Two() {
        $('div#animateTest2').animate({ width: '+=200' }, 2000);
    }

// Call these functions sequentially so that the animations
// in One() run b/f the animations in Two()
    One();
    Two();

HTML:

    <div id="animatetest" style="width:50px;height:50px;background-color:Aqua;position:absolute;"></div>
    <div id="animatetest2" style="width:50px;height:50px;background-color:red;position:absolute;top:100px;"></div>

Dzięki.

EDYTUJ: Próbowałem zzegary ale myślałem, że jest lepszy sposób na to.

EDYCJA # 2:

Pozwól mi być bardziej szczegółowy. Mam wiele funkcji związanych z klikaniem i umieszczaniem zdarzeń na różnych elementach strony. Zwykle funkcje te nie mają ze sobą nic wspólnego (nie odnoszą się do siebie). Chciałbym symulować użytkownika przechodzącego przez te zdarzenia bez zmiany kodu moich istniejących funkcji.