Javascript 如何在jquery mobile phonegap listview中动态显示加载程序，直到所有图像加载完毕

在listview中加载所有图像之前，我无法显示加载程序。以下代码用于我的应用程序。它显示加载程序直到加载所有图像，但问题是，将最后一个src值附加到所有图像属性src。请帮助我

$.ajax({
    url: "http://www.some.com/",
    type: 'POST',
    data: param,
    dataType: "jsonp",
    success: function (result) {
        $.each(result.results, function (k, v) {
            var searchPic = "http://www.some.com" + $.trim(v.eventIcon);
            var localarray = new Array();

            var c = v.eventText;
            strs = c.slice(0, 60);

            $('[data-role="listview"]').append('<li><a href="eventsview.html?id=' + v.nodeId + '&catname=' + v.eventTitle + '" data-ajax="false"> ' + '<img  alt="img" class="pic1"  src=" ">' + '<h4 >' + v.eventTitle + '</h4>' + '<p>' + strs + '...' + '</p></a></li>');
            $('[data-role="listview"]').listview('refresh');
            imgload(searchPic);
        });
        $('[data-role="listview"]').append('<li id="no-results">There is no record found based on your search criteria, please refine your search.</li>');

    }

});

function imgload(tx) {
    $('.pic1').load(function () {
        $.mobile.loading('hide');
    }).attr('src', tx);
}
});

$.ajax({
url:“http://www.some.com/",
键入：“POST”，
数据：param，
数据类型：“jsonp”，
成功：功能（结果）{
$.each（result.results，function（k，v）{
var searchPic=”http://www.some.com“+$.trim（v.eventIcon）；
var localarray=新数组（）；
var c=v.eventText；
strs=c.slice（0,60）；
$（'[data role=“listview”]'）。追加（'
'）；
$（'[data role=“listview”]'）。listview（'refresh'）；
imgload（searchPic）；
});
$（“[data role=“listview”]”）。追加（“
根据您的搜索条件未找到任何记录，请优化您的搜索。
”）；
}
});
功能imgload（tx）{
$（'.pic1'）.load（函数（）{
$.mobile.load（'hide'）；
}).attr（'src'，tx）；
}
});