首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >ajax调用后jQuery动态调整div大小

ajax调用后jQuery动态调整div大小
EN

Stack Overflow用户
提问于 2010-10-21 13:42:54
回答 2查看 52.8K关注 0票数 19

我正在尝试扩展div以适应文本,而不必指定确切的高度。我试着使用像这样的东西。

$('#div').addClass('myclass');

我的类有一个高度:auto;但这不会起作用。我不知道如何让它从返回文本的ajax调用中相应地扩展div。

这是主要的css类

.pro_input{ 
    border-top:2px solid #919191;
    border-left:1px solid #CBCBCB;
    border-right:1px solid #CBCBCB;
    border-bottom:1px solid #CBCBCB;
    width:530px;
    background-color:#F2F2F2;
    height:72px;    
 }
 .pro_attach{
     height:auto;
  }

我只是想在ajax响应后使高度自动。文本可以很少,也可以很多。因此,我需要相应地扩展它。我经常使用addclass来更改它来做其他事情,但是将它与jQuery addclass和pro_attach一起使用并不起作用。

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-10-21 14:44:10

只需这样做:

在想要用ajax加载文本的div周围加上一个limit div:

<div id="limit">
    <div id="div"> ajaxed load text </div>
</div>

给#limit div一个隐藏的溢出:

#limit { position: relative; overflow: hidden; }

最后,在使用ajax加载文本之后,始终将#limit高度与#div的高度相匹配:

$("#limit").css({
    height: $("#div").height()
});

这是相同的,只是动画:

$("#limit").animate({
    height: $("#div").height()
},600);

该脚本检查#div的高度,并将其设置为#limit,这就是诀窍。

票数 22
EN

Stack Overflow用户

发布于 2013-01-03 03:53:38

此解决方案类似于上面的答案之一(Sv_in)

我有一个id为abc的div,并且有一个css,如下所示:

#abc{
height:575px;
}

我把它改成了下面的代码,它起作用了!

#abc {
min-height: 575px;
height: auto;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3984607

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档