获取jQuery动画div的实际高度,并获得此高度到另一个动画div

时间:2013-04-04 16:15:40

标签: jquery jquery-animate

我想获得动画div(A)的实际高度并将其赋予另一个动画div(B)。 div A没有从CSS获得的高度,高度是从填充生成的。 div B有一个CSS高度,但我想要动画来获得div A的相同高度。

这就是我所做的,但不起作用:

$('#A').data(this, "inHeight", $(this).height()).animate({
    'padding-top' : 30
});
$('#B').animate({
    'height': div.data("inHeight")
}); 


$('#A').data(this, "outHeight", $(this).height()).animate({
    'padding-top' : 90
});
$('#B').animate({
    'height': div.data("outHeight")
}); 

感谢您的帮助!


测试:http://jsfiddle.net/A2bNm/

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery.outerHeight()

  

描述:获取匹配元素集中第一个元素的当前计算高度,包括填充,边框和可选边距。返回值的整数(不带“px”)表示,如果在空元素集上调用,则返回null。

所以你可以试试这个:

$('#A').outerHeight(bool-include-margin);//get the div height