javascript - javascript iframe 在每次加载时调整大小

Question

每次在 iframe 中访问新链接时，我都想调整 iframe 的大小。

我有一个 wordpress 博客，并使用这个 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

我不是专家，但可能是 iframe 只加载了一次？... extrange...

我不知道，但我认为您可以在博客的每个链接中添加一个 onclick 函数来启动 sizeIframe 函数而不是 onload。

例如（此代码是一个想法，未经测试）...

<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>