zepto動畫ID的問題

Question

每當我嘗試用Zepto動畫時，它都能正常工作。但我只能用我用來激活它的標籤的名稱訪問它，而不是它的ID。例如，

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

將動畫與行，但不與線

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

主要問題就在這裏

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

是試圖動畫一會動畫的每一個形象頁。有誰知道這是什麼原因造成的？

我試着改變它爲「圈」，並使用getElementById而不是$，但這些都不工作，至少不是動畫。

Answer 1

您必須添加一個 '＃' 的ID選擇，就像CSS：

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

'IMG' 的作品，因爲它是選擇 'IMG' 元素。

您也可以使用'.x'作爲類，等等。

請參閱here。

Answer 2

使用ID是最好的方法，但是如果你想使用的名字，那麼你可以做到這一點...

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