jquery - 通过 animate() 加载外部 div 后，如何更新父 div 高度

Question

我将不胜感激您对此的所有意见。我正在将一个外部 div 从另一个 html 页面加载到一个名为“pageLoader”的 div 中。加载 div 后，我想根据外部 div 的高度为“pageLoader”高度设置动画。因此，如果外部 div 的高度为 800px，那么我希望“pageLoader”高度相同。我在这方面找到了几个线程，但据我所知，在加载外部 div 之前我无法获得它的高度，只有这样我才能获得它的尺寸。

这是我的代码。我希望高度不要被硬编码。我想要一个函数来计算外部 div 的高度，然后更新“.animate 块”中的高度。我尝试了很多组合，但一直无法实现。

        $("#pageLoader").load("xxxx.html #content").css(
        {                           
             display:"block",
             opacity:0,

        }).animate({

            opacity:1.0,
            top:0,
            easing: 'easOutBack',
            height: 

        },500, function()
        {
            //alert("DONE");
        });

这是通过调用“回调”函数为我提供外部 div 高度的代码：

        $('#pageLoader').load('xxxx.html', function() {
           $('#pageLoader').height($('#content').height());
        });

任何方向将不胜感激。谢谢你。

Answer 1

简要显示 div，获取它的高度，然后再次隐藏它。然后动画到适当的高度。