jQuery赢得't更新高度

jQuery won't update height

本文关键字:更新 新高度 赢得 jQuery      更新时间:2023-12-09

我的jQuery.height()函数有问题。

最终结果应该是一个div,随着文本的变化,它具有动态高度。因此,我在包装器中有一个包装器div和一个内容div。文本位于DOM中隐藏div的somhere中,并使用.html()函数和模拟的fadeIn/Out"导入",将不透明度设置为0,然后返回1。

当我尝试更改内容时,包装器会调整大小,但使用旧的高度值。我就是无法获取内容div.…的当前值

这就是魔法应该发生的地方。。。

nav.click(function() {
    contDiv.animate({opacity:0}, 200, function() {
        contDiv.html(currCont);
        contDiv.animate({opacity:1}, 200);
    });
    wrapper.animate({height:contDiv.height()},200);
});

正如@MrOBrian所说,您正在将动画设置到div包含内容之前的高度,您可能需要在回调函数中调用此动画,如下所示:

nav.click(function() {
    contDiv.animate({opacity:0}, 200, function() {
        contDiv.html(currCont);
        wrapper.animate({height:contDiv.height()},200);
        contDiv.animate({opacity:1}, 200);
    });
});