不活动选项卡中Javascript / Jquery计时出错
不活动选项卡中Javascript / Jquery计时出错
提问于 2013-05-06 12:45:59
我最近承担了用Javascript / jQuery构建动画的任务。这个动画由一个围绕伦敦地铁地图的圆圈组成。每次经过一个车站时，该站的名称都会加下划线。
我仍然在改进它，并且注意到，当选项卡不活动时，如果在返回页面时扰乱了序列的时间。因为我将它嵌入到iframe中，所以当我使用$(window).focus()或$(window).blur()时，它似乎不起作用。
我使用jQuery动画函数对圆圈进行动画化，只需在文本下的所有行上设置0的不透明度，并对其设置延迟，以使不透明度变为100。我已经在下面放置一个链接，以显示动画的现状。仍然问题的动画，我目前调整，但我不知道如何修复不活跃的选项卡问题。任何帮助都是很好的。
不带外部框架的： http://www.gbutlercreative.co.uk/london/index.html
带帧的 http://www.gbutlercreative.co.uk/london/frame.html
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-06 13:10:54
我认为您可以使用动画回调函数，但是您必须重新编码所有逻辑：
$(".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);})为所有人做同样的事。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16399057
复制相关文章
相似问题
腾讯云开发者
