jquery-mobile - 使用 jQuery Mobile 的 Safari 中的视觉错误 - 内容重复

Question

我正在使用 jQuery Mobile 1.3.0、EaselJs 0.6.0 和 TweenJs 0.4.0 构建移动应用程序。

因此，当我加载页面时，某些内容会在视觉上重复。 DIV 并没有真正复制，它只是视觉上的。

• This bug only appears on Safari (Windows + OSX).
• If I click and slide to select the page, the bug disappears.
• If I switch page (with jQuery Mobile slide transition), it also disappears.

这是一个屏幕截图:



我的代码很大，所以我不能真正在这里完整地发布它。我刚刚花了 2 个小时玩我的代码来尝试解决这个问题。我真的没有头绪。

如果您有想法并需要更多信息，请告诉我。

Answer 1

不是一个漂亮的答案，而是一个对很多人都有效的解决方法:

这听起来像是一种可能的竞速条件，您可以尝试在页面加载时设置超时(一对 MS)，然后在超时后通过切换 display: none/block 重新呈现它。在 body .