0

我有一组 div 通过它们包含的内容的高度来获取它们的高度。我这样做的原因是因为我想切换这些 div 内部的内容，但希望它们相应地调整它们的高度，这也与在动画期间调整它们的高度有关。问题是当我加载新内容时，高度没有正确调整。我正在加载文本并使用 jquery .load 执行此操作，并使用 spans 将文本包含在它所保存的外部页面中，如果我包含带有

由于某种原因，它在.load 上失去了格式，不知道为什么。我需要帮助让容器适应 .load 更改的内容。

http://klossal.com/brigham_about2.html 那是页面，顶部的动画是使用 .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();

});

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

4

1 回答 1

0

问题是动画功能profile_outpt_main_open_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);

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

于 2012-10-13T21:48:51.913 回答