Проблемы с идентификаторами Zepto анимации

Question

Всякий раз, когда я пытаюсь анимировать изображение с помощью Zepto, оно работает нормально.Но я могу получить к нему доступ только по названию тега, который я использовал для его активации, но не по идентификатору.Например,

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

будет анимироваться с помощью строки

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

, но не с помощью строки

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

Основная проблема заключается в том, что при попытке анимироватьбудет анимировать каждое изображение на странице.Кто-нибудь знает, что является причиной этого?

Я пытался изменить его на «кружок» и использовать getElementById вместо $, но они тоже не работают, по крайней мере, для анимации.

Answer 1

Вы должны добавить «#» для селектора идентификаторов, как CSS:

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

«img» работает, поскольку он выбирает элемент «img».

Вы также можете использовать «.x» для классов и т. Д.

См. здесь .

Answer 2

Использование идентификатора - лучший способ, но если вы хотите использовать имя, вы можете сделать это ...

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