javascript - jQuery 淡入延迟问题

Question

我无法弄清楚是什么导致了我的问题。如果您访问我的网站并随机选择一种植物。举例来说，您单击“蔬菜”，然后单击“ bean 丛植物”，有 3 秒的延迟，然后草图像淡入。只有重新加载页面并从头开始时，才会发生这种情况。一旦草消失，您点击网页中的后退按钮(而不是网络浏览器后退按钮)并单击任何植物，就不会出现延迟问题。 3 秒的延迟仅在您重新加载页面后发生。谁能告诉我为什么会发生这种情况？这是网站:

http://andrewhnovak.com/Botany/index.html#

Answer 1

发生这种情况是因为在您的 home.js 文件中，草有一个初始 5 秒的淡入

$("#grass").fadeTo(5000, 8);
$("#grass1").fadeTo(5000, 8);

因此，如果您在它淡入之前快速移动，则必须等到它完成淡入为止。