Uncaught ReferenceError: define is not defined iframeResizer.contentWindow.js

Question

正在尝试制作一个 iframe 动态 height。我知道之前有人提出过这个问题，但我无法让它发挥作用。

我有一个 WordPress 网站，有一个 form 我正在尝试 iframe 在另一个 非 WordPress 站点。

在我排队的网站上iframeResizer.contentWindow.js

我的带有 iframe 的页面如下所示：

<script type='text/javascript' src="mysite.com/iframeResizer.js">
<style>iframe{width: 1px;min-width: 100%;}</style>
<iframe id="myIframe" src="https://testsite.com/test-form" scrolling="no"></iframe>
<script>iFrameResize({log:true, checkOrigin: false}, '#myIframe')</script>

但是，这不起作用。

在控制台中我得到这个：

[iFrameSizer][Host page: myIframe] IFrame scrolling disabled for myIframe
[iFrameSizer][Host page: myIframe] [init] Sending msg to iframe[myIframe] 
(myIframe:8:false:true:32:true:true:null:bodyOffset:null:null:0:false:parent:scroll) targetOrigin: *

Uncaught ReferenceError: define is not defined
    at iframeResizer.contentWindow.js:1121
    at iframeResizer.contentWindow.js:1125

我可以在 iframe 中看到 iframeResizer.contentWindow.js 文件。

我做错了什么？

Answer 1

您使用的是 'uncompiled' 版本的代码。使用 https://github.com/davidjbradshaw/iframe-resizer/tree/master/js or use the files from one of the CDNs listed in the readme: https://github.com/davidjbradshaw/iframe-resizer#cdns

中的文件