Jquery 等待使用ajax附加的图像已加载 $.post（“service.php”，{GetStartpageImages:true}，函数（数据）{ $。每个（数据、函数（i、值）{ var path=“uploads/thumb_”+value.Filename； $（'.startpage images'）。追加( '' + '' + ''+value.UploadTimestamp+''文件+ '' + ''); }); });

加载后如何显示它们<代码>$（窗口）。加载..对我不起作用。谢谢

我会这样做

$.post("service.php", { GetStartpageImages : true },function(data) {

    $.each(data,function(i, value){

        var path = "uploads/thumb_" + value.Filename;

        $('.startpage-images').append(
        '<div class="imagewrapper clearfix">' +
            '<a class="imagelink" href="?p=photo&id=' + value.ID + '">' +
                '<img src="'+ path +'"/></a>' +
                '<div class="imageinfo alpha70">'+ value.UploadTimestamp +'</div>' +
            '</a>' +
        '</div>');

    });
});

$。每个（数据、函数（i、值）{
var path=“uploads/thumb_”+value.Filename；
$（'.startpage images'）。追加(
'' +
'' +
''+value.UploadTimestamp+''文件+
'' +
'');
});
$（'.startpage images img'）。每个（函数（）{
$（this.attr（“src”），$（this.attr（“data src”）；
});

因此，我将设置attr

data src

，并在最后将其设置为

src

这应该可以做到：

$.each(data,function(i, value){
  var path = "uploads/thumb_" + value.Filename;
  $('.startpage-images').append(
    '<div class="imagewrapper clearfix">' +
        '<a class="imagelink" href="?p=photo&id=' + value.ID + '">' +
        '<img data-src="'+ path +'"/></a>' +
            '<div class="imageinfo alpha70">'+ value.UploadTimestamp +'</div>' +
            '</a>' +
        '</div>');
});

$('.startpage-images img').each(function() {
    $(this).attr("src", $(this).attr("data-src"));
});

$.post（“service.php”，{GetStartpageImages:true}，函数（数据）{
$。每个（数据、函数（i、值）{
var path=“uploads/thumb_”+value.Filename；
$（'.startpage图像'）。附加（''+
'' +
''+value.UploadTimestamp+''文件+
'' +
'');
函数imgLoadCallback（）{
$（'.imagewrapper'）.show（）；
}
var img=新图像（）；
img.addEventListener（'load'，imgLoadCallback，false）；
img.src=路径；
});
});

上面的代码假设在css中有

.imagewrapper{display:none}

。映像完全加载后，将调用

imgLoadCallback（）

。即使用户的缓存中有图像，它仍会被调用（在这种情况下会立即调用）。

'+value.UploadTimestamp+'

---

没有这一点，.load方法就起作用了。不知道为什么，可能是jquery的一些错误。

谢谢，但恐怕结果还是一样的。链接：。清除缓存并亲自查看。我所能说的就是我的代码工作正常。我就在今天早上用过这种东西。看起来您正在加载多个图像，而不仅仅是一个。我需要你发布更多的代码来帮助你。是的，大家都接受这一点，因为问题不是你的代码-是上面发布的html导致加载事件失败。这可能对其他人有用：）谢谢你的帮助！

$.post("service.php", { GetStartpageImages : true },function(data) {

    $.each(data,function(i, value){

        var path = "uploads/thumb_" + value.Filename;

        $('.startpage-images').append('<div class="imagewrapper clearfix">' +
        '<a class="imagelink" href="?p=photo&id=' + value.ID + '">' +
            '<img src="'+ path +'"/></a>' +
            '<div class="imageinfo alpha70">'+ value.UploadTimestamp +'</div>' +
        '</a>' +
        '</div>');


        function imgLoadCallback(){
            $('.imagewrapper').show();
        }

        var img = new Image();
        img.addEventListener('load', imgLoadCallback, false);
        img.src = path;


    });
});

'<div class="imageinfo alpha70">'+ value.UploadTimestamp +'</div>'