我从互联网加载图像并在列表视图中使用它们。当我在桌面浏览器中启动我的应用程序时,图像加载速度很快并转到列表视图项。但是设备图像加载速度较慢,并且在加载时不知何故不会进入列表视图项目。
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”事件。我的问题是 - Phonegap 应用程序中的第一个 init 函数是什么,我可以在加载html 正文之前开始加载图像?