zepto 动画 ID 的问题答案

【问题标题】：Problems with zepto animation idszepto 动画 ID 的问题
【发布时间】：2012-02-09 04:19:13
【问题描述】：

每当我尝试使用 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');

这里的主要问题是尝试为页面上的每个图像设置动画。有人知道这是什么原因吗？

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

【问题讨论】：

【解决方案1】：

您必须为 id 选择器添加一个“#”，就像 CSS 一样：

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

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

您还可以将“.x”用于类，等等。

见here。

【讨论】：

【解决方案2】：

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

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

【讨论】：