zepto 动画 ID 的问题
每当我尝试使用 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 而不是 $,但这些也不起作用,至少不适用于动画。
Whenever I try to animate an image with Zepto, it works fine. But I can only access it with the name of the tag I used to activate it, not it's id. For example,
<img id="circle" name="circle" height="100" width="100" src="images/circle.png"/>
will animate with the line
$('img').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');
but not with the line
$('circle').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');
The main problem here is that trying to animate one will animate every image on the page. Does anyone know what's causing this?
I've tried changing it to "circle" and using getElementById instead of $, but those don't work either, at least not for animation.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您必须为 id 选择器添加“#”,就像 CSS 一样:
$('#circle').blah();
'img' 之所以有效,是因为它选择了 'img' 元素。
您还可以将“.x”用于类等。
请参阅此处。
You have to add a '#' for an id selector, just like CSS:
$('#circle').blah();
'img' works because it is selecting the 'img' element.
You can also use '.x' for classes, and so on.
See here.
使用 ID 是最好的方法,但如果您确实想使用名称,那么您可以这样做......
Using the ID is the best method, but if you do want to use the name then you can do this...