Jquery 使用.load测量div的高度

我正在使用.load加载外部文档。我希望加载的内容在动画中，但是我不知道如何测量加载内容的高度

我想在外部文档中度量的div是#box#u project2

该网站是生活在我想定义的高度设置为300px

$('.thumbs2').click(function() {

var idStr = ("project/"+$(this).attr('id'));

    $('#show2').animate({opacity:0},function(){

    $('#close2').fadeIn(500).css({'display': 'block', 'height': '25px'});

    $('#show2').load(idStr,function(){
                $(this).animate({height:'**I WANT TO DEFINE THIS**', opacity:1}, 500, function(){
                });
$.scrollTo('#gohere',300);

    });

});
    });

$('#close2').click(function(){

    $('#close2').fadeOut(300).animate({});
    $('#show2').animate({height: '0px', opacity:0},500, function(){
    $('#show2').children().remove();    
    });
});








 <div id="close2">
 </div> 

 <div id="show2">
 </div>







#close2 {
position:absolute;
width:25px;
height:24px;
background:url(images/graphics/CloseIcon.png);
right:0px;
top:0px;
z-index: 9999;
display: none;
margin-left:-30px;
}

#show2 {
display: block;
height: 0px;
opacity: 1;
margin-left:-30px;
clear:both;
}

#box_project2 {
display:block;
background:#fff;
text-align: left;
clear:both;
height:100%;
}

---

如果要从0到元素高度设置动画，可以使用

slideDown（）

这将返回要引入的对象的高度，真实值将包括高度计算中的边距

除此之外，您可能只想使用：

.slideDown();

正如建议的那样，它会为您计算高度和幻灯片

---

p、 s的氛围非常棒

我尝试使用slideDown（新代码在旧代码的底部），但它只显示我的内容，而不显示动画，您可以看到，您需要为

#box_项目2

设置

float:left

。如果您有浮动的元素，并且希望容器“容纳”所有元素，那么您也必须为该元素设置浮动。目前#box_project2中唯一不浮动的元素是h4元素，因此容器（box_project2）的高度是h4的高度。还有一件事，你有两个id=“box\u project2”的元素。它现在可以工作了，我不得不把所有说“show2”的东西都重命名为box\u project2，但是它第一次不工作，所以我想它与负载有关。有什么想法吗？在你的页面上有

$（“#box_project2”）。加载（…

，所以你需要在css

#box_project2{float:left；}中设置

。如果我在Chrome inspector中设置了SlideDown，它就可以工作了。注意：在

项目/atmotype.html

这样的文件中，你有完整的html，你应该删除

的所有内容，因为你在index.html中有这个元素。不应该有超过一个具有相同id的元素。添加的float:left；var idStr=（“project/”+$（this.attr（'id'））+“#box_project2”，因此它只在div中加载，而不加载其他内容。仍然存在同样的问题，第一次不起作用，但之后我就可以正常工作了。

$('#show2').slideUp().fadeOut();

$('#show2').load(idStr, function() {
   $(this).fadeIn().slideDown();
});

idstr.outerHeight(true);

.slideDown();