在Ajax调用页面中加载图像后执行jQuery代码

Question

我知道使用$（window）.load（）代码会在所有内容加载后执行。但是，当从通过Ajax加载的页面调用load（）时，它似乎不起作用。

那就是：点击我页面中的某个链接，通过Ajax加载一个页面，我想在该页面中显示图像并在加载后执行jQuery代码。

怎么做？

Answer 1

load()具有回调函数，您可以在其中执行代码并显示图像：

$('#container').load('myurl.html', function() {
  $('#myimg').show(); // show images here
});

Answer 2

如果您正在使用jQuery，则在dom准备就绪后使用就绪处理程序执行。以下是jQuery api的链接：http://api.jquery.com/ready/

Answer 3

您使用ajax成功/错误事件。

Huw你的ajax调用是什么样的？

Answer 4

在回调函数中调用脚本：

$("#id").load("", function(){
    /in here
})

Answer 5

以下逻辑中的内容

 var imgCount = $('parent img').length,
        imgLoaded = 0,
        $('parent img').load(function() {
            imgLoaded++;
            if (imgLoaded == imgCount) {
             //images are loaded
            }
        });