Jquery Fx Optionen Curanim

Hey Jungs, Im versucht, Screenshots einer iPhone-App über einen blätternden Hintergrund mit jQuery anzeigen. Der Code Ive geschrieben funktioniert perfekt in FF amp Safari, aber IE wirft einen Ungültigen Argument Fehler. EDIT: Ich dachte Id hinzufügen, was IE tatsächlich tut, wenn es fehlschlägt. Es springt auf den zweiten Screenshot und wirft den Fehler. Jeder andere Browser animiert reibungslos, aber IE nicht animieren, es springt nur auf den zweiten Screenshot dann wirft den Fehler. Ich war nicht in der Lage, diese Arbeit auf IE8 mit nur jQuery. Anscheinend gibt es einen Fehler mit jQuery Hintergrund Position Animationen auf IE. Überraschung, Überraschung IE hat Probleme mit etwas, das auf JEDEM anderen modernen Browser funktioniert. Keine Sorge, ich habe eine Lösung gefunden. Dieses Skript enthalten, nachdem jQuery enthalten und es wird das Problem lösen. Ich versuchte, einen offiziellen Link zu dem Plugin zu finden, gab aber auf, ein aktuelles zu finden, das so krank ist, nur die Datei zu posten: Der Code funktioniert jetzt einwandfrei im IE8. Ich havent störte, in IE7 zu prüfen, weil nur 13 von meinem Verkehr von IE kommt, also ich stont, ältere Versionen zu stützen. Zu viel Kopfschmerzen. Antwortete Dec 11 10 am 22: 21Ich bin das erstaunliche jQuery SVG-Plugin mit der Animation-Erweiterung für ein Browser-basiertes Spiel. Wenn der Charakter herumläuft, folgt ihm die Kamera. Im Moment habe ich nur pan die in riesigen Stücke mit diesem Code: svg. configure () Also muss ich eine benutzerdefinierte Animation zu machen. Hier ist was ich bisher habe. JQuery. fx. step. panX Funktion (fx) fx. elem. setAttribute (39viewBox39, fx. now39 39y39 39width39 39height) svg. animate (, 100) Wie Sie sehen können, funktioniert es nur für die x-Achse. Wie kann ich animieren mehr als eine Variable auf einmal Danke für die Hilfe. Replies (2) Ich habe einige Fortschritte gemacht, aber jetzt bekomme ich diesen Zoom in Wirkung jedes Mal, wenn ich versuche zu schwenken. JQuery. fx. step. pan-Funktion (fx) if (fx. state 0) fx. end fx. options. curAnim. pan fx. start fx. elem. attributes. getNamedItem (39viewBox39).nodeValue. split (39 39) fx Fd. dist. map (Funktion (val) fx. pos val).join (39 39) fx. end. map (Funktion (val, i)) Status (fx. dist) fx. elem. setAttribute (39viewBox39, ) Pan x, y, map. view. width, map. view. height. map (Funktion (val)) (39svg39).animate (,) Hey, Jungs. I39d nur wie Sie wissen lassen, dass ich das Problem gelöst und it39s funktioniert perfekt jetzt Die vorherige Version hatte zwei Bugs. Die Werte in fx. start waren Strings und keine Zahlen, so dass sie nun mit parseFloat konvertiert werden. Das andere Problem war, dass ich vergessen habe, bei der Einstellung des Attributs die Startwerte hinzuzufügen. Hier ist die letzte Erweiterung. JQuery. fx. step. pan-Funktion (fx) if (fx. state 0) fx. end fx. options. curAnim. pan fx. start fx. elem. attributes. getNamedItem (39viewBox39).nodeValue. split (39 39). Fx. end. map (Funktion (val, i)) fx. elem. setAttribute (39viewBox39, fx. dist. map (Funktion (val, i) (fx. starti fx. pos val)) (8) Wenn you8217ve jemals benötigt, um komplexere Animationen als Fades und Folien zu tun, dann you8217ve wahrscheinlich die jQuery animierte Funktion angetroffen. Die animierte Funktion erlaubt Ihnen einiges mehr Flexibilität als nur mit fadeOut oder slideDown. In der Tat, die oft verwendeten verblasst und Dias einfach wickeln Anrufe zu beleben. Wenn you8217ve jemals sah die jQuery animate docs bei api. jquery haben Sie vielleicht bemerkt, dass eines der optionalen Argumente, die Sie definieren können, ist Schritt, der definiert wird als: Eine Funktion aufgerufen werden, nach jedem Schritt der Animation. Das ist es. Wenn Sie nach 8220step8221 auf der Seite suchen, sehen Sie eine andere Erwähnung davon. Glücklicherweise bietet eine schnelle Suche auf Google für 8220jquery animate step8221 die jQuery 1.2 Release Notes, die ein wenig Licht auf die Step-Funktion vergießt: Sie können nun jQuery-Animationen mit einer Funktion, die auf jeden Schritt der Animation, die die Änderungen ausgelöst wird, erweitern Stil des animierten Elements. Es kann für spezifische CSS-Eigenschaften erweitert werden oder sogar einen benutzerdefinierten Animationstyp erstellen. Beispielsweise können Sie eine zusätzliche Schrittfunktion an. animate () übergeben, um Aktionen wie Animations-Synchronisation auszuführen. Die Release Notes enthalten auch ein Codebeispiel: So, jetzt kennen wir die Argumente Schritt dauert: jetzt und fx. Wir können auch sagen, aus dem Code, der nun den Wert animiert enthält. Fx. Jedoch ist noch ein bisschen Geheimnis. Wir können dieses Rätsel lösen, indem wir den obigen Code in Firebug ausführen. Festlegen eines Unterbrechungspunkts, wenn die Schrittfunktion aufgerufen wird, und dann Inspektion der fx - und now-Objekte. Hier sind die Ergebnisse dieser Operation: