javascript - 未捕获的 ReferenceError : define is not defined iframeResizer. contentWindow.js

Question

试图制作一个具有动态高度的iframe。我知道之前有人提出过这个问题，但我无法让它发挥作用。

我有一个 WordPress 网站，有一个 form 我正在尝试在另一个非 WordPress 上使用 iframe > 网站。

在我已经排队的网站上 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

您正在使用代码的“未编译”版本。使用 https://github.com/davidjbradshaw/iframe-resizer/tree/master/js 中的文件或使用自述文件中列出的 CDN 之一的文件:https://github.com/davidjbradshaw/iframe-resizer#cdns