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

CSSと同様に、IDセレクターに「＃」を追加する必要があります。

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

「IMG」要素を選択しているため、「IMG」が機能します。

クラスに「.x」を使用することもできます。

見る ここ.

Answer 2

IDを使用することが最良の方法ですが、名前を使用したい場合は、これを行うことができます...

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