Проблемы с идентификаторами анимации 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');