2012-08-07 40 views
0

我怎樣才能更新父div高度?我將不勝感激您的所有輸入。我從另一個html頁面將外部div加載到名爲「pageLoader」的div中。 加載div後,我想根據外部div的高度爲「pageLoader」高度設置動畫。所以如果 外部div的高度是800px,那麼我想「pageLoader」的高度是相同的。我已經找到了幾條線, ,但據我所知,我無法獲得外部div的高度,直到它被加載,只有那樣我才能得到它的尺寸。一旦外部div通過動畫加載()

這是我的代碼。我希望身高不要被硬編碼。我想要一個函數來計算div的外部高度,然後更新「.animate塊」內的高度。我嘗試過無數的組合,但一直未能實現。

 $("#pageLoader").load("xxxx.html #content").css(
     {       
      display:"block", 
      opacity:0, 

     }).animate({ 

      opacity:1.0, 
      top:0, 
      easing: 'easOutBack', 
      height: 

     },500, function() 
     { 
      //alert("DONE"); 
     }); 

這裏是會給我的外部div的高度通過調用一個「回調」函數的代碼:

 $('#pageLoader').load('xxxx.html', function() { 
      $('#pageLoader').height($('#content').height()); 
     }); 

任何方向將高度讚賞。 謝謝。

+0

那麼你的代碼不工作? – 2012-08-07 17:56:01

回答

0

簡要地顯示div,獲取它的高度,並再次隱藏它。然後動畫到適當的高度。

+0

到目前爲止好。但如果我硬編碼的高度,那麼它是緊耦合,這不是一個解決方案。謝謝 – Combustion007 2012-08-07 18:16:45