我在一个简单的页面中使用 mootools 1.2。有一个显示通过 JS/ajax 提交的表单(称为 formdiv)的 div。 ajax 请求返回一些数据“确认消息”。
但是,formdiv div 开始时可能有 500px 高以容纳表单元素。当 ajax 请求返回可变长度返回数据(“确认提交!”)时,div 保持 500px 高,留下大量额外空间。
我的问题是,在使用 innerHTML 更新内容后,有没有办法让 div 恢复以适应新内容?
谢谢
编辑:补充一点,Ajax 调用返回的数据可以是可变长度的——所以我不能假设它会是某个高度,然后将 div 重置为该高度。
最佳答案
如果您的 div
以使用 CSS 预定义的高度开始,那么您应该做的就是将其高度设置为 auto
或在它们被设置为内联时完全清除样式。
检查 this JSFiddle (它在这里与 jQuery 一起工作,但是当涉及到浏览器呈现 div
时,这并不重要)
关于css - 使用 mootools 设置 innerHTML 后调整 div 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5381345/