javascript - Jquery：更改html时平滑调整大小

Question

我的页面布局是 3 个水平 DIVS。中间的 DIV 将加载内容。我希望 DIV 将高度平滑调整为适当的大小（如使用animate），然后淡入内容。

这就是我目前所拥有的

<div id='a'></div>
<div id='b'>foo</div>
<div id='c'></div>

$( '#a ').fadeOut().innerHtml('bar').hide().fadeIn()

这让我接近我想要的，但看起来很粗糙

我正在使用 jQuery 1.7.2 并且还可以访问 jQueryUI

细化

目前，中间的DIV会淡出，然后（因为没有内容）会消失。添加新内容后，它会立即调整大小并淡入新内容。

我想要发生的是内容淡出并保持高度。添加新内容时，我希望 div 调整到适当的高度，然后淡入内容

score 1 · Accepted Answer

将其更改为以下内容。请注意，您innerHtml在 JQuery 对象上使用过，正确的语法是html. 此外，您在设置内容后不必要地调用hide了，但该项目应该已经隐藏，因为您调用了fadeOut.

尝试这个：

$( '#a ').fadeOut().html('bar').fadeIn()

1 回答 1