2013-11-14 83 views
2

我有一個表單,可以爲付款部分生成一個iFrame。高度沒有問題,但是當你點擊「提交」並且表單有錯時,錯誤信息會將提交內容推到iframe的高度下方,導致它消失。我一直在玩一些JavaScript,通過綁定事件動態調整高度,但迄今爲止沒有運氣,謝謝。根據提交動態調整iFrame的高度點擊

var iframe = document.getElementById("embedded123frm757809").contentWindow; 
    iframe.$(".submit").bind("click", 
    function(){ 
    $("#embedded123frm757809").css({height: iframe.$("body").outerHeight() 
}); 

回答

0

而不是使用

$("#embedded123frm757809").css({height: iframe.$("body").outerHeight() 

用途:

$("#embedded123frm757809").attr('height',iframe.$("body").outerHeight()); 

推薦使用:

iFrame = document.getElementsByTagName('iframe')[0]; 

假設你iFrame是PA的第一iFrame ge,或者唯一一個。

因爲你的ID很奇怪,似乎是生成的。

+0

謝謝你的代碼片段,在實現這個提出的另一個問題後,iFrame ID不會加載到初始頁面,所以現在我得到一個錯誤「Uncaught TypeError:Can not call method'$'null'I我想我只是通過CSS添加最小高度,謝謝。 –

+0

等待,您可以訪問iFrame而不需要ID :)請參閱編輯 –