jQuery z-index 和动画问题
我有一些代码可以在单击时为我的图像添加动画效果,然后为其添加 z 索引。
我现在需要的是,当我单击关闭按钮时,我需要它以动画方式返回到原始状态,然后将 z-index 更改回原来的状态。
目前它会更改 z-index 然后进行动画处理,因此看起来有点奇怪
是否可能做什么?
我尝试在 z-index 更改之前添加一个延迟
,但它仍然不起作用
有什么想法吗?
I've got some code which animates my images on click and then adds a z-index to it.
What I need now is to when I click the close button I need it to animate back to its original state and then change the z-index back to how it was.
Currently it changes the z-index and then animates so it looks a bit strange
Is it possible to do?
I've tried putting a delay
before the z-index change but it still doesn't work
Any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
http://jsfiddle.net/hD72c/3/
我只是把css替换掉原来的< code>z-index 在回调函数中(而不是使用延迟,因为
.css()
不会添加到动画队列,它会立即执行)http://jsfiddle.net/hD72c/3/
I just put the css to replace the original
z-index
in a callback function (instead of using a delay, since.css()
doesn't add to the animation queue, it executes immediately)http://jsfiddle.net/hD72c/1/ 已更新并修复
您所需要做的就是更改到
z-index: 1
作为动画结束时的回调,而不是在单击关闭时立即更改它http://jsfiddle.net/hD72c/1/ updated and fixed
All you need to do is change to
z-index: 1
as a callback at the end of the animation rather then changing it straight away when close is clicked