jQuery wartet, bis alle Seitenanimationen fertig sind

Lesezeit: 1 Minute

Ich weiß, wie man wartet, bis eine Animation fertig ist

$('#element').animate(speed,function(){
//code here
});

und mit mehreren Elementen mit

$('#element1, #element2').promise().done(function(){
//code here
});

aber wie warte ich bis alle der Elemente auf der Seite sind animiert? Ich würde viel lieber nicht einfach jedes Element einbauen, auf das ich warte.

Benutzeravatar von Jeremy T
Jeremy T

Um alles auszuwählen, was gerade animiert wird, tun Sie es einfach $(":animated")
http://api.jquery.com/animated-selector/

Wenn Sie das mit dem kombinieren, was Sie bereits dort haben, wäre es einfach

$(":animated").promise().done(function() {
    //code here
});

Benutzeravatar von Tony Carbone
Toni Carbone

Die Antwort von Jeremy T funktioniert gut – obwohl basierend auf den Kommentaren auf der von ihm verlinkten jquery-Site (http://api.jquery.com/animated-selector/), wäre es eine schnellere Lösung, jedem Element auf der Seite, das animiert werden kann, eine Klasse hinzuzufügen und sie dann mit auszuwählen

    $('.animationclass').filter(':animated').promise().done(function() {
//Your function
});

1403950cookie-checkjQuery wartet, bis alle Seitenanimationen fertig sind

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy