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

次のように変更します。JQueryオブジェクトで使用したことに注意してください。innerHtml正しい構文はhtmlです。また、hideコンテンツを設定した後に不必要に電話をかけましたが、電話をかけたため、アイテムはすでに非表示になっているはずですfadeOut。

これを試して：

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

1 に答える 1