jquery - phonegap - UIレンダリングイベント後のjquery

Question

jqueryを使用してhtmlをajaxでロードし、本文に追加します。私の問題は、galaxy nexus のようないくつかの強力なデバイスでは、append コマンドの直後に新しい html が表示されることです。ただし、遅いデバイスでは、遅延が発生します。

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');