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將淡出，然後（因爲沒有內容）w生病消失。新內容添加後，會立即調整大小並淡入新內容。

我希望發生的是內容淡出，並保持高度。如果添加了新的內容，我希望div來調整到合適的高度，並在內容

Answer 1

它更改爲以下THEN褪色。請注意，您在JQuery對象上使用了innerHtml，正確的語法是html。此外，你不必要稱爲hide你設置了內容之後，但該項目應該已經被隱藏，因爲你已經叫fadeOut。

試試這個：

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

DEMO：http://jsfiddle.net/SmZgw/1/