Phonegap と JQuery Mobile を使用して iPhone モバイル アプリケーションを作成しています。このアプリケーションは外部の JSON を解析し、そのコンテンツは Javascript で「フォーマット」され、対応する HTML タグが追加され、そのすべてが DOM に追加されます。これは次のように行います。
$('div#container').empty().append(output).trigger("create");
変数の出力は、追加の HTML タグを含むすべての JSON を含む文字列です。
前のコードは、JSON のデータが小さく、したがって出力変数の内容も小さい場合は完全に機能しますが、データが大きく、出力変数に (約 80 個の HTML タグで) 大きな文字列が定義されている場合、その行は次のようになります。 iPhone で実行するのに約 30 秒かかります (Chrome、Firefox、Safari で完全に動作します)。ただし、トリガー メソッドを削除すると、情報はすぐに表示されますが、もちろんスタイリングは適用されません。
$('div#container').empty().append(output);
これを解決して実行時間を短縮する方法はありますか?