我正在使用jquery mobile从远程json加载信息,然后将每个缩略图放在列表中。问题是我想在每个图像加载之前显示加载图像。
我尝试使用每个图像中的id并替换它的src。但这不是一个干净的方式。
// Add each json elemnt to list with image with id
$('#list_nearbys').append("<li><a href=''><img id=" + this.id + " src='" + image + "' width='115' height='115'></img></p><h3>" + this.title + "</h3><p>" + this.description +
"</p></a></li>");
// refresh the list
$('#list_nearbys').listview('refresh');
// Here i modify the original image with a loading image
$("img[id$='" + this.id + "']").attr('src', "images/ajax-loader.gif");
// Here i should launch the load from image and when the image was loaded replace with this.
有什么想法吗?提前致谢