Problemi con ID animazione zepto

Question

Ogni volta che provo ad animare un'immagine con Zepto, funziona bene. Ma posso accedervi solo con il nome del tag che ho usato per attivarlo, non è ID. Per esempio,

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

animerà con la linea

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

Ma non con la linea

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

Il problema principale qui è che il tentativo di animare uno animerà ogni immagine della pagina. Qualcuno sa cosa sta causando questo?

Ho provato a cambiarlo in "cerchia" e usare getelementbyid invece di $, ma neanche quelli non funzionano, almeno non per l'animazione.

Answer 1

Devi aggiungere un '#' per un selettore ID, proprio come CSS:

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

'IMG' funziona perché sta selezionando l'elemento 'IMG'.

Puoi anche usare '.x' per le classi e così via.

Vedere qui.

Answer 2

L'uso dell'ID è il metodo migliore, ma se vuoi usare il nome, puoi farlo ...

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