我从互联网上加载图片并在列表视图中使用它们。当我在桌面浏览器中启动我的应用程序时,图像加载速度很快并转到listview项目。但是设备上的图像加载速度较慢,加载的时刻不会以某种方式进入listview项目。
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>
我也注意到&#34; deviceready&#34;事件在onLoad之后触发。我的问题是 - 什么是Phonegap应用程序中的第一个init函数,我可以在加载 html正文之前开始加载图像?