淡入淡出的一些问题(jQuery)
我有一个带有图像加载的简单脚本,但效果不佳。
这是[已删除]
当我们点击链接时:
.block img
被淡入淡出效果删除。- 显示
.load
块通过淡入淡出.block img
src
属性- ,并替换为链接的
href
。我们等待新图像加载,然后再等待 2 秒 - 这是重要的部分。 - 然后我们删除
.load
并通过淡入淡出显示.block img
问题是,当我们点击许多链接时,它们会开始淡入/淡出多次。
我该如何解决这个问题?
I have a simple script with image loading, it doesn't work good.
Here it is [removed]
When we click on a link:
.block img
removed by fade effect..load
block is showed by fade.block img
src
attribute replaced by link'shref
.- we wait until new image is loaded, then wait 2 more seconds - it is important part.
- then we remove
.load
and show.block img
by fade
The problem is, when we click on many links, they begin to fadeIn/Out many times.
How do I fix that?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我做了您尝试删除
.load()
的操作。检查此处:http://jsfiddle.net/EvXJr/7/
I did what you try to achieve removing the
.load()
.Check here: http://jsfiddle.net/EvXJr/7/
jquery 有一个方便的 .stop() 函数。或者,您可以在动画开始时设置“正在运行”标志,并忽略所有单击,直到它在序列结束时被清除。
jquery has a handy .stop() function. Alternately you can set a "running" flag when the animation starts and ignore all clicks until it is cleared at the end of the sequence.