2013-08-01 145 views
0

我有一個應用程序加載iframe作爲選項卡(jqueryTabs)我如何設置iframe高度以適應內容?iframe身高,動態內容

我知道我可以創建一個功能魔神:

function fit(iframe) { 
    iframe.height = iframe.contentWindow.document.body.scrollHeight + "px"; 
} 

和的onLoad調用它,但問題是,我的iframe會使用AJAX改變他的內容,所以我需要一個衛來調整的iframe dynamicaly。

我是在財產以後喜歡武術的思考:

$(HTMLIFrameElement).ajaxComplete(function() 
{ fit(this)} 
); 

但DOS不行

** * *編輯* ** * * * * Afther Webberig回答,我會做什麼?:

使用每個來迭代al iframe或傳遞特定的id?

每個: 利弊 容易實現

利弊 表現? (平均內聯框3-4最多100)

特定編號 優點 表現?

利弊 必須定義和十個分量細節ID爲衆多I幀

回答

0

據我所知,你只能從iframe中的頁面內做到這一點。更新內容後添加此代碼:

window.parent.fit(); 
+0

但我怎麼applay這到一個特定的iframe? onload我使用fit(this) – EricGS

+0

你可以傳遞你想要的任何變量...嘗試一個id例如: window.parent.fit(「frame1」);然後你可以使用document.getElementById(「frame1」)來獲取iframe – Webberig