Question

JQuery animate的height怎么自动适应？

$(document).ready(function(){
var aDiv=$(".class1");
var aDiv2=$(".class2");
aDiv.click(function(){
$(this).siblings(".class1").remove();
aDiv2.load("1.html");
var awidth=aDiv2.width();
var aheight=aDiv2.height() ;
alert("层的宽: "+awidth+"px"+层的高: "+aheight+"px");
aDiv.animate({height:'aheight'},"slow");
});
});
div class="class2"要加载文件“1.html”，
然后撑开div class="class1"，
aDiv.animate({height:'aheight'},"slow"); 这句代码中的height值不起效果，设置确定的值又胡显示效果
如何让animate的hight根据1.html的长度来定？

Answer 1

aDiv.animate({height:'aheight'},"slow");

你加了引号啦，这样就变成一个字符串了，而不是变量了
aDiv.animate({height:aheight},"slow"); 所以引号去掉，才能去作用

追问

看，红色为class1

绿色为class2, 绿色框时的文字都溢出了，但alert(aheight);显示是19，明示不对，

追答

你是不是对class2类进行固定高度设置了？？？如果是即使你导入其他文件，在本文件给类定高了，alert出来的高度也还是你固定的那个

追问

看，var aheight=aDiv2.XXXX;这里无论写什么，都没有效果

追答

估计是你浏览器不支持load事件，，请在检查下，而且你aDiv2=$(".class2");是获取当前页面的class2的选择器，不管怎么获取高度滚动高度之类的，永远都是当前页面的高度，还有要根据导入的页面获取自动高度你也必须是在导入页面的函数里面写的，看我下面演示和程序

程序：

1. 演示结果：

导入后显示，具体的兼容方法你还是要去度娘资料下。我是在ie演示的