Javascript 如何在ajax加载的图像上执行load（）？

我想很好地加载图像，但我的图像是由ajax prepend加载的。如何在每个图像上加载。我要一个接一个地装，顺序无关紧要。在图像加载之前，我需要一些加载gif

以下是我尝试过的：

.done(function( data ) {
        var obj = JSON.parse(data);
        for(i = 0; i < obj.length; i++)
            if(obj[i].indexOf("blank.gif") > -1)
                continue;
            else
                $("#images_for_this_gallery").prepend("<div id='fd_" + i + "' class='featured_image_div'>" +
                "<span class='imageloading'>loading</span>"    + //LOADING MEESAGE FOR EACH IMAGE
                "<img class='images' src='" + image_path +  obj[i] + "' />" + // IMAGE FOR NICE LOAD
                "<a href='#' id='" + obj[i] + "' class='image_delete'>X</a>" +
                "</div>").hide();
    });

下面是另一种尝试：

$(function() {
        $(".images").load(function(){
            $(".imageloading").hide();
            $(".images").show();
        });
    });

它适用于普通图像，但不适用于ajax生成的图像

---

谢谢大家!

基本上，您应该委托事件，但由于onload事件不冒泡，所以您不能委托此事件。您可以将onload事件绑定到新图像，一旦附加或捕获onload事件作为一个侧面。不，jQuery不支持事件捕获阶段，您需要使用相关的js方法，而不是。您可以显示一些示例吗？可以将代码块移到完成回调中…插入图像后。。是一种尝试，不起作用：@A.Wolff它起作用。。非常感谢。贴上它，就像回答接受：D

$(function() {
        $(".images").load(function(){
            $(".imageloading").hide();
            $(".images").show();
        });
    });