睡眠/恢复后,jquery animate不会在ipad上工作

时间:2014-11-21 16:05:52

标签: jquery ipad animation ios8.1

我在使用ios 8.1的ipad上看到了一个奇怪的行为。我有一个html / js应用程序,我使用jquery动画进行转换。我使用div位置的动画以及淡入/淡出效果。这是一个简单例子的一部分:

$in = $('#newdiv');
$in.css({position: 'absolute', left: "1024px", top: "0px"});
$in.removeClass('hidden');
$in.animate({left: tx, top: ty}, 400);

这完美无缺 - 达到一定程度。如果,当应用程序打开时,我按下“电源”按钮让ipad进入睡眠状态,然后再将其唤醒(电源按钮,滑动,输入解锁码),动画不再起作用。

我将ipad连接到我的mac并在调试器中逐步执行代码 - 每一行都正确执行,但动画根本没有动画 - 根本没有。

fadeIn / fadeOut动画也是如此。

这是展示问题的very simple jsfiddle

请注意,在将ipad更新为ios 8.1之前,旧版本的ios上没有发生这种情况。

我错过了什么?

更新:这只会影响从主屏幕图标运行时的应用程序 - 在Safari中运行时,一切都按预期工作。

1 个答案:

答案 0 :(得分:0)

花了很多时间调查这个问题后,问题似乎是ipad / safari而不是jquery。我创建了一个没有jquery的最小测试,并使用css3过渡而不是jquery animate - 问题仍然存在。我问another question有关CSS过渡的问题。

我还将其记录为Apple的错误。