zepto动画ID的问题

Question

每当我尝试使用Zepto为图像设置动画时，它都能正常工作。但我只能用我用来激活它的标签的名称来访问它，而不是它的id。例如，

<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');

这里的主要问题是尝试设置动画会使页面上的每个图像生动。有谁知道是什么导致了这个？

我尝试将其更改为“circle”并使用getElementById而不是$，但这些也不起作用，至少不适用于动画。

Answer 1

你必须为id选择器添加一个'＃'，就像CSS：

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

'img'有效，因为它正在选择'img'元素。

你也可以在课堂上使用'.x'，等等。

请参阅here。

Answer 2

使用ID是最好的方法，但如果您确实想使用该名称，那么您可以这样做...

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