Probleme mit Zepto -Animations -IDs
-
27-10-2019 - |
Frage
Immer wenn ich versuche, ein Bild mit Zepto zu animieren, funktioniert es gut. Aber ich kann nur mit dem Namen des Tags, mit dem ich es aktiviert habe, darauf zugreifen, nicht mit der ID. Zum Beispiel,
<img id="circle" name="circle" height="100" width="100" src="images/circle.png"/>
wird mit der Linie animieren
$('img').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');
aber nicht mit der Linie
$('circle').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');
Das Hauptproblem hier ist, dass der Versuch, eines zu animieren, jedes Bild auf der Seite animieren wird. Weiß jemand, was das verursacht?
Ich habe versucht, es in "Kreis" zu wechseln und GetElementById statt $ zu verwenden, aber diese funktionieren auch nicht, zumindest nicht für Animation.
Lösung
Sie müssen ein '#' für einen ID -Selektor hinzufügen, genau wie CSS:
$('#circle').blah();
'IMG' funktioniert, weil es das 'IMG' -Element auswählt.
Sie können auch '.x' für Klassen und so weiter verwenden.
Sehen hier.
Andere Tipps
Die Verwendung der ID ist die beste Methode, aber wenn Sie den Namen verwenden möchten, können Sie dies tun ...
$('img[name="circle"]').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');