误差与非活动标签的Javascript / Jquery的定时(Error with Javascr

2019-09-02 01:37发布

我最近承担了在Javascript / jQuery的构建动画的任务。 动画包括一个圆围绕伦敦管地图移动。 每经过一个站时,站名称下划线。

我仍在努力改善它,并注意到,当标签,如果回来的页面时的顺序的混乱时机是无效的。 因为我将它嵌入一个iframe中它似乎没有工作,当我使用$(window).focus()$(window).blur()

我有动画使用jQuery动画功能圈,只是做的不透明度0上所有的文字下的线,并把他们的延迟为他们的不透明度动画到100.我已经把下面的链接显示动画,因为它是。 与我目前的调整仍然动画问题,但我不知道如何解决无效标签问题。 任何帮助woud是巨大的。

withoutframe: http://www.gbutlercreative.co.uk/london/index.html

与帧 http://www.gbutlercreative.co.uk/london/frame.html

Answer 1:

我想你可以用动画的回调函数,但你将不得不重新编写所有的逻辑:

$(".icon")
  .animate({left:'+=23px',top:'+=23px'},500,'linear',function(){$(".Chesham").animate({opacity:1},10);})
  .animate({left:'+=22px'},500,'linear',function(){$(".Chalfont").animate({opacity:1},10);})

做都一样。



文章来源: Error with Javascript / Jquery timing in inactive tabs