jQuery ajax 加载 div，等待资源加载

Question

我有一个垂直居中的 div。我使用javascript将它定位到屏幕中间，所以我需要知道div的高度。

每当我更新内容时，我也需要重新定位它。问题来了。如果我使用 ajax 填充 div 的内容，它将完成 .html() 和 .load() 函数在加载任何图像之前。这将导致错误的高度检测。

如何在加载 div 的全部内容时触发函数？或者当 div 被调整大小时（.resize() 不起作用）

这是我的代码：

函数加载页面（网址） {

$.get(url, function(data)
{
    $("#content").animate({left: '-400%'}, function() 
    {
        $("#content").html(data);
        var x = "-" + $("#content").height() / 2 + "px";

        console.log(x); 

        $("#content").css("top", x);

        $("#content").animate({left: '0%'}, function()
        {
        console.log($("#content").height()); 

        });



    });

});

}

Answer 1

.load() 无法使用 ajax 请求等进行动态渲染。要等待图像加载，您可以使用如下插件：

• batchImageLoad
• waitForImages