インターネットから画像を読み込み、リストビューで使用します。デスクトップ ブラウザーでアプリを起動すると、画像がすばやく読み込まれ、リストビュー アイテムに移動します。しかし、デバイスの画像の読み込みが遅くなり、読み込まれるまでにどういうわけかリストビュー項目に移動しません。
function onLoad() {
//console.log("init");
loadImage();
}
function loadImage() {
$.getJSON(websiteUrl, function(data) {
imageUrl = data[0]["image"];
console.log( imageUrl );
document.getElementById("view_1").src = imageUrl;
});
}
body onload="onLoad();"
//some markup here
<ul data-role="listview" data-theme="b" class="content-primary">
<li><a href="index.html">
<img id="view_1" src="" />
<h3>Broken Bells</h3>
<p>Broken Bells</p>
</a></li>
</ul>
また、onLoad の後に「deviceready」イベントが発生することにも気付きました。私の質問は、 html 本文が読み込まれる前に画像の読み込みを開始できる Phonegap アプリの最初の init 関数は何ですか?