jquery - phonegap - ui呈现事件后的jquery

Question

我使用 jquery 加载带有 ajax 的 html 并将其附加到正文中。我的问题是，在诸如galaxy nexus 之类的强大设备上，新的html 会在append 命令之后立即显示。但在慢速设备上，它需要延迟。

Galaxy Nexus:
append > displayed

Slow device:
append > blank white page > displayed

添加新的 html 后，我将做一个动画 ex：页面转换。而且我需要知道 ui 何时完全呈现以避免由于空白白页而产生的不良影响

Answer 1

我不确定这是否会对您的情况有所帮助，但是在将内容添加到容器时我通常会做什么：

<div id="container"></div>

如果容器内没有内容，我会先隐藏它。在 CSS 中

#container{
display: none; 
}

然后在Javascript中我会：

$('#container").append('<span>Hello world</span>');
$('#container").show('slow');