javascript iframeごとにサイズを変更する

Question

そのiframe内で新しいリンクにアクセスするたびにiframeのサイズを変更したいと考えています。

私はワードプレスのブログを持っており、このiframeを使ってページにフォーラムを追加しました。私はそのブログのリンクをクリックするたびにサイズを変更したい。

私はグーグルではありますが、関連するものは何も見つかりませんでした。

これは私が

<script type="text/javascript"> 
function sizeIFrame() { 
var helpFrame = jQuery("#ifm"); 
var innerDoc = (helpFrame.get(0).contentDocument) ? helpFrame.get(0).contentDocument :  helpFrame.get(0).contentWindow.document; 
helpFrame.height(innerDoc.body.scrollHeight + 35); 
} 
</script> 
<iframe id="ifm" src="..." width="100%" frameBorder="0" onload="sizeIFrame();" scrolling="no"></iframe> 

ありがとう私のサイズ変更のために使用していたコードです！

Answer 1

私は知らないが、私はあなたが1つのonclickを追加することができると考えて、私は専門家ではないんだけど、それはIFRAMEを一度だけロードされたことだろうか？... extrange ...

onloadではなくsizeIframe関数を起動するために、ブログのすべてのリンクに機能します。あなたはjqueryのラッピングなしでドキュメントオブジェクト自体にjqueryの `height`メソッドを呼び出ししようとしているように見えます。例えば

（このコードはテストしていないアイデアです）...

<a href="#" class="iframe-mgr" id ="link-a"> a link </a> 
<a href="#" class="iframe-mgr" id ="link-b"> b link </a> 

<script type="text/javascript"> 
$('.iframe-mgr').addEventListener('click', function(){ sizeIframe() }); 
</script>