Prototype Effect.Parallel Äquivalent in jQuery
-
27-09-2019 - |
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.
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: