2011-12-07 89 views
1

我嘗試在加載後動態設置iframe的高度。然後id綁定iframe,所以在mousemoveEvent之後設置新的高度。jQuery設置Internet Explorer中Iframe的高度變得越來越大

$(myIframe).load(function(){ 

    var iframeHeight = $(myIframe).height(); 
    $(myIframe).height(iframeHeight); 

    $(myIframe).contents().find(IframeID).bind('mousemove', function(){ 
     iframeHeight = $(myIframe).height(); 

     $(myIframe).height(iframeHeight); 

    }); 


}); 

所以我的問題是,在FireFox,Chrome,Opera等工作正常。 InternetExplorer 7/8/9將新的高度總結爲舊的高度。所以在每一隻鼠標移動的高度變得越來越大。

我該怎麼做才能告訴InternetExplorer像其他瀏覽器一樣做。

回答

0

我也有這個問題,當我試圖設置iframe的高度,以它的內容與額外的200px空間,每當我改變內容的iframe在200px只變得更大,並且據我現在可以記得我沒有在最後使用jQuery和instend我用這個:

var iFrame = document.getElementsById('myFrame'); 
iFrame.style.height = (parseInt(iFrames[i].contentWindow.document.body.offsetHeight) + 200) + 'px'; 

好,這是我對我的問題soulation,我希望這將是對你有幫助..

+0

你好,今天我可以解決問題。我根據框架的HTML標籤計算了高度。相反,我使用BODY來進行高度計算。 – lennykey

+2

'var iframeHeight = $(myIframe).contents()。find('body')。height();' – lennykey