淡入淡出的一些问题(jQuery)

发布于 2024-10-20 12:21:55 字数 422 浏览 2 评论 0原文

我有一个带有图像加载的简单脚本,但效果不佳。

这是[已删除]

当我们点击链接时:

  • .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's href.
  • 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

云柯 2024-10-27 12:21:55

我做了您尝试删除 .load() 的操作。

检查此处:http://jsfiddle.net/EvXJr/7/

I did what you try to achieve removing the .load().

Check here: http://jsfiddle.net/EvXJr/7/

勿忘初心 2024-10-27 12:21:55

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文