Probleme mit Zepto-Animations-IDs

Question

Immer wenn ich versuche, ein Bild mit Zepto zu animieren, funktioniert es gut. Aber ich kann nur darauf zugreifen, indem ich den Namen des Tags verwende, den ich verwendet habe, um es zu aktivieren, nicht aber die Id. Zum Beispiel,

wird animiert mit der Zeile

$('img').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');

aber nicht mit der Zeile

$('circle').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');

Das Hauptproblem hier ist, dass beim Versuch, eines zu animieren, jedes Bild auf der Seite animiert wird. Weiß jemand, was das verursacht?

Ich habe versucht, es auf "circle" zu ändern und getElementById anstelle von $ zu verwenden, aber das funktioniert auch nicht, zumindest nicht für Animationen.

Answer 1

Sie müssen ein '#' für einen ID-Selektor hinzufügen, genau wie in CSS:

$('#circle').blah();

'img' funktioniert, weil es das 'img'-Element auswählt.

Sie können auch '.x' für Klassen und so weiter verwenden.

Siehe hier.

Answer 2

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'}, Geschwindigkeit, 'linear');