当我在页面上运行任何ajax脚本时,我正在调用fadeIn(200)
和fadeOut(200)
来显示和隐藏页面上的加载图像。
但是我发现当脚本花费的时间少于200ms时,元素会因为部分不透明度(例如0.88)而陷入困境,可能是因为fadeIn()
在淡入淡出的那一点被中断了。在此之后,所有未来的淡化都会停止在不透明度上,它再也不会达到1
的完全不透明度。
这可能与动画队列有关吗?也许有一种方法可以强制动画完成,或者如果它被中断会以某种方式重置不透明度?
答案 0 :(得分:0)
这个问题的一个好方法是使用fadeTo()
代替fadeIn()
和fadeOut()
。此功能允许您设置特定的目标不透明度,这似乎消除了卡住半褪色的问题。
我的具体解决方案是:
将fadeIn(200)
替换为fadeTo(200,1)
将fadeOut(200)
替换为fadeTo(200,0)