Frage

Ich versuche, einen Prototyp Dia-Show-Plug-in jQuery zu konvertieren. Die Animation Funktion ist ziemlich einfach ein intuitives: fade-out sichtbare Rutsche, Fade-In nächster Folie, beide Animationen Start und Stopp zugleich. Hier ist der Prototype-Code, ich habe noch vollständig zu verstehen:

fadeInOut: function (a, b) {
    new Effect.Parallel(
        [
            new Effect.Fade(b, {sync: true}),
            new Effect.Appear(a, {sync: true})
        ], {
            duration: 1
        }
    );
}

Ich habe diese jQuery äquivalent geschrieben:

var anim = function (a, b) {
    // m_Locked = true
    a.fadeOut(1000);
    b.fadeIn(1000);
    // m_Locked = false
};

Ich frage mich, was macht Effect.Parallel tun und wenn es ein Äquivalent jQuery ist. Ich auch festlegen müssen und eine gesperrte Flag löschen, die ich zu deaktivieren Tasten verwenden werden, während die Animation läuft ... dies nicht zu funktionieren scheint.

War es hilfreich?

Lösung

Ja, du bist in jQuery.queue() interessiert.

  

Jedes Element kann man viele haben   Warteschlangen von Funktionen mit ihm verbunden durch   jQuery. In den meisten Anwendungen nur ein   Warteschlange (genannt fx) verwendet wird. Warteschlangen   einer Folge von Aktionen erlauben zu sein   genannt asynchron auf einem Element,   ohne Anhalten der Programmausführung. Das   typisches Beispiel hierfür ruft   mehrere Animationsmethoden auf ein   Element. Zum Beispiel:

http://api.jquery.com/queue/

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top