jQuery - FadeIn（）每当我离开页面时都会搞砸

Question

我有一个jQuery效果，其中一个对象淡出然后很快消失。但是，如果我单击其他选项卡然后返回，则会完全删除该对象。我不确定发生了什么。如果有人有任何可能的解决方案或需要有关此问题的更多信息，请告诉我们！

function loopedy_loop(i)
{
if (i==0)
{
    $("#menu3").animate({top:"15%",left:"7.5%"},{duration:time,queue:false});
    $("#menu3").fadeOut({duration:time,queue:false});
    $("#menu4").animate({top:"25%",left:"10%"},{duration:time,queue:false});
    $("#menu5").animate({top:"50%",left:"20%"},{duration:time,queue:false});
    $("#center_image").animate({top:"60%",left:"35%"},{duration:time,queue:false});
    $("#menu6").animate({top:"60%",left:"50%"},{duration:time,queue:false});
    $("#menu7").animate({top:"50%",left:"65%"},{duration:time,queue:false});
    setTimeout(function()
    {
        $("#menu3").css("top","25%");
        $("#menu3").css("left","75%");
        $("#menu3").fadeIn();
    },time);
}
else if (i==1)
{
    $("#menu4").animate({top:"15%",left:"7.5%"},{duration:time,queue:false});
    $("#menu4").fadeOut({duration:time,queue:false});
    $("#menu5").animate({top:"25%",left:"10%"},{duration:time,queue:false});
    $("#center_image").animate({top:"50%",left:"20%"},{duration:time,queue:false});
    $("#menu6").animate({top:"60%",left:"35%"},{duration:time,queue:false});
    $("#menu7").animate({top:"60%",left:"50%"},{duration:time,queue:false});
    $("#menu3").animate({top:"50%",left:"65%"},{duration:time,queue:false});
    setTimeout(function()
    {
        $("#menu4").css("top","25%");
        $("#menu4").css("left","75%");
        $("#menu4").fadeIn();
    },time);
}
else if (i==2)
{
    $("#menu5").animate({top:"15%",left:"7.5%"},{duration:time,queue:false});
    $("#menu5").fadeOut({duration:time,queue:false});
    $("#center_image").animate({top:"25%",left:"10%"},{duration:time,queue:false});
    $("#menu6").animate({top:"50%",left:"20%"},{duration:time,queue:false});
    $("#menu7").animate({top:"60%",left:"35%"},{duration:time,queue:false});
    $("#menu3").animate({top:"60%",left:"50%"},{duration:time,queue:false});
    $("#menu4").animate({top:"50%",left:"65%"},{duration:time,queue:false});
    setTimeout(function()
    {
        $("#menu5").css("top","25%");
        $("#menu5").css("left","75%");
        $("#menu5").fadeIn();
    },time);
}
else if (i==3)
{
    $("#center_image").animate({top:"15%",left:"7.5%"},{duration:time,queue:false});
    $("#center_image").fadeOut({duration:time,queue:false});
    $("#menu6").animate({top:"25%",left:"10%"},{duration:time,queue:false});
    $("#menu7").animate({top:"50%",left:"20%"},{duration:time,queue:false});
    $("#menu3").animate({top:"60%",left:"35%"},{duration:time,queue:false});
    $("#menu4").animate({top:"60%",left:"50%"},{duration:time,queue:false});
    $("#menu5").animate({top:"50%",left:"65%"},{duration:time,queue:false});
    setTimeout(function()
    {
        $("#center_image").css("top","25%");
        $("#center_image").css("left","75%");
        $("#center_image").fadeIn();
    },time);
}
else if (i==4)
{
    $("#menu6").animate({top:"15%",left:"7.5%"},{duration:time,queue:false});
    $("#menu6").fadeOut({duration:time,queue:false});
    $("#menu7").animate({top:"25%",left:"10%"},{duration:time,queue:false});
    $("#menu3").animate({top:"50%",left:"20%"},{duration:time,queue:false});
    $("#menu4").animate({top:"60%",left:"35%"},{duration:time,queue:false});
    $("#menu5").animate({top:"60%",left:"50%"},{duration:time,queue:false});
    $("#center_image").animate({top:"50%",left:"65%"},{duration:time,queue:false});
    setTimeout(function()
    {
        $("#menu6").css("top","25%");
        $("#menu6").css("left","75%");
        $("#menu6").fadeIn();
    },time);
}
else if (i==5)
{
    $("#menu7").animate({top:"15%",left:"7.5%"},{duration:time,queue:false});
    $("#menu7").fadeOut({duration:time,queue:false});
    $("#menu3").animate({top:"25%",left:"10%"},{duration:time,queue:false});
    $("#menu4").animate({top:"50%",left:"20%"},{duration:time,queue:false});
    $("#menu5").animate({top:"60%",left:"35%"},{duration:time,queue:false});
    $("#center_image").animate({top:"60%",left:"50%"},{duration:time,queue:false});
    $("#menu6").animate({top:"50%",left:"65%"},{duration:time,queue:false});
    setTimeout(function()
    {
        $("#menu7").css("top","25%");
        $("#menu7").css("left","75%");
        $("#menu7").fadeIn();
    },time);
   }
  }
}
i = 0;
function timed()
{
setTimeout(function()
{
    //This fucks up after like 15 or 16 loops
    $(".circle").mouseover(function(){stalled(i);});
    loopedy_loop(i);
    i++;
    if (i==6)
        i = 0;
    timed();
},time+500);
}
timed();