jQuery FadeIn Delay Issue

Question

У меня возникли проблемы с выяснением того, что вызывает мою проблему. Если вы заходите на мой сайт и выбираете случайный завод. Скажем, например, вы нажимаете «Овощи», а затем на завод «Бин Буш» происходит 3-секундная задержка, а затем изображение травы исчезает. Это произойдет, только если вы перезагрузите страницу и начнете с самого начала. Как только трава затухает, и вы нажимаете кнопку «Назад» на веб-странице (а не кнопку веб-браузера) и нажимаете на какой-либо завод, проблема с задержкой не возникает. Задержка 3 секунд происходит только после перезагрузки страницы. Может ли кто-нибудь сказать мне, почему это происходит? Вот сайт:

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

Answer 1

Это происходит потому, что в вашем файле home.js у вас есть начальные 5 секунд исчезают в течение травы

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

Так что, если вы двигаетесь быстро, прежде чем она исчезла, вы придется ждать, пока он не завершит свое исчезновение.