Question

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

我有一个wordpress博客，我使用这个iframe在一个页面上添加了论坛。我希望每次点击该博客上的链接时都会重新调整大小。

我用Google搜索，但我发现没有相关内容。

这是我用于调整大小的代码

<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只加载了一次？...外推......

我不知道，但我认为您可以为博客的每个链接添加一个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>

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

1 个答案: