睡眠/恢复后，jquery animate 在 ipad 上不起作用答案

【问题标题】：jquery animate doesn't work on ipad after sleep/resume睡眠/恢复后，jquery animate 在 ipad 上不起作用
【发布时间】：2014-11-21 16:05:51
【问题描述】：

我在装有 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 并在调试器中逐步执行代码 - 每一行都正确执行，但动画根本没有动画 - 根本没有。

淡入/淡出动画也是如此。

这是一个 very simple jsfiddle 演示问题。

请注意，在我将 ipad 更新到 ios 8.1 之前，旧版本的 ios 上不会发生这种情况。

我错过了什么？

更新：这似乎只在从主屏幕图标运行时影响应用程序 - 在 safari 中运行时，一切正常。

【问题讨论】：

【解决方案1】：

在花了很多时间对此进行调查之后，问题似乎出在 ipad/safari 而不是 jquery 上。我创建了一个没有 jquery 并使用 css3 转换而不是 jquery animate 的最小测试 - 问题仍然存在。我问了another question 关于 CSS 过渡的问题。

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

【讨论】：