Jquery 变量值的问题

我有一组div，通过它们包含的内容的高度来获得它们的高度。我这样做的原因是因为我想切换这些div内的内容，但希望它们相应地调整高度，这也与动画期间调整高度有关。问题是当我加载新内容时，高度没有正确调整。我正在加载文本并使用jquery.load进行加载，并使用跨距将文本包含在外部页面中。如果出于某种原因，我使用包含文本，则会在.load上松开格式设置，不确定原因。我需要帮助使容器与内容相适应。加载更改

这是页面，顶部的动画是使用.load的动画，但没有正确调整高度，您可以在启动动画时看到它。第二个动画是使用内联内容和容器调整它们的方式

$("#outpt_main_open").click(function() {
$('#header_img_outpt_main').load('/brigham_profiles2.html     
#header_karlene_salguero_photo');
$('#header_paragraph_outpt_main').load('/brigham_profiles2.html      
#header_txt_karlene_salguero');
$('#bio_txt_outpt_main').load('/brigham_profiles2.html #bio_txt_karelene_salguero');
$('#edu_txt_outpt_main').load('/brigham_profiles2.html #edu_txt_karelene_salguero');
$('#contact_txt_outpt_main').load('/brigham_profiles2.html  
#contact_txt_karelene_salguero');
profile_outpt_main_open_animation();

});

---

这是提示加载的按钮。我是否需要先加载，然后提示动画功能？或者我需要让变量以某种方式重新采样新的加载内容，还是他们自己这样做？或者这是完全不同的吗？如果您能提供任何帮助，我将不胜感激。问题是动画功能

profile\u outpt\u main\u open\u animation（）

使用的是元素的原始高度，而不是加载新内容后的新高度。要解决此问题，请在计算每个元素的顶部时使用

.height（）

函数

所以，比如说

$("#profile_outpt_main_BIO").delay(330).animate({
    top:  profile_outpt_main_HEADER_ht + 20
}, 400);

而是使用新高度：

$("#profile_outpt_main_BIO").delay(330).animate({
    top:  $("#profile_outpt_main_HEADER").height() + 20
}, 400);

显然，您必须在此函数中将所有引用更改为原始高度，而不仅仅是此处演示的高度