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

时间:2013-05-07 14:37:34

标签: jquery html css jquery-animate

我有一个垂直居中的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()); 

        });



    });

});

}

1 个答案:

答案 0 :(得分:1)

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