Problèmes avec l'animation zepto ids

Question

Chaque fois que je tente d'animer une image avec Zepto, il fonctionne très bien. Mais je ne peux y accéder avec le nom de la balise je l'activer, pas de id. Par exemple,

<img id="circle" name="circle" height="100" width="100" src="images/circle.png"/>

va animer avec la ligne

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

mais pas avec la ligne

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

Le principal problème est ici que d'essayer d'animer un animera chaque image sur la page. Est-ce que quelqu'un sait ce qui cause?

Je l'ai essayé de changer à « cercle » et en utilisant getElementById au lieu de $, mais ceux qui ne fonctionnent pas non plus, du moins pas pour l'animation.

Answer 1

Vous devez ajouter un « # » pour un sélecteur d'identité, comme CSS:

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

'img' fonctionne parce qu'il sélectionne l'élément 'img'.

Vous pouvez également utiliser '.x' pour les classes, et ainsi de suite.

Voir .

Answer 2

En utilisant l'ID est la meilleure méthode, mais si vous voulez utiliser le nom, alors vous pouvez le faire ...

$('img[name="circle"]').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');