iframe-resizer 不使用 srcdoc html 调整 iframe 的大小答案

【问题标题】：iframe-resizer not resize iframe with srcdoc htmliframe-resizer 不使用 srcdoc html 调整 iframe 的大小
【发布时间】：2016-04-12 16:10:02
【问题描述】：

我想使用 srcdoc 中的 html 来调整 iframe 的高度，我选择使用 iframe-resizer 库。但是 iframe 永远不会调整大小，并且永远不会调用回调。

HTML：

<iframe scrolling="no" class="preview-iframe" id="iframe3" srcdoc="<html><head></head><body><p>TEST</p>
</body></html>"></iframe>

JS：

$('iframe#iframe3').iFrameResize({
  heightCalculationMethod: 'bodyScroll',
  log: true,
  resizedCallback: function () {
    console.log('resize');
  },
  initCallback: function () {
    console.log('init');
  },
});

Here is my jsfiddle

【问题讨论】：

你的示例代码，包括你的小提琴，真的很愚蠢。目前尚不清楚您在哪里遇到问题。
我希望 iframe 的高度适应其中的内容，在我的小提琴中它应该使高度适应“测试”段落

标签： javascript iframe iframe-resizer

【解决方案1】：

你的 srcdoc 需要有一个指向 iframeResizer.contentWindow.js 文件的链接。

【讨论】：

谢谢你帮我做的，这是我的工作 jsfiddle：here