javascript - javascript 不能在 Squarespace 中工作，但它可以在 Squarespace 之外工作

Question

我正在尝试从客户端嵌入 iframe，并且需要根据个人信息调整表单的大小。他们建议我们使用 resize.js ( https://github.com/davidjbradshaw/iframe-resizer ) 来调整它的大小。CSS“高度：自动”在这里不起作用。

我添加了 js 文件和所有内容，它适用于从我的 (.html) 文件打开的浏览器。但它不适用于 squarespace，后来发现它也不适用于 CodePen。下面是代码笔链接。

[codepen`$（函数（）{

    var iFrames = $('iframe');

    function iResize() {

        for (var i = 0, j = iFrames.length; i < j; i++) {
          iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
        }

        if ($.browser.safari || $.browser.opera) { 

           iFrames.load(function(){
               setTimeout(iResize, 0);
           });

           for (var i = 0, j = iFrames.length; i < j; i++) {
                var iSource = iFrames[i].src;
                iFrames[i].src = '';
                iFrames[i].src = iSource;
           }

        } else {
           iFrames.load(function() { 
               this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
           });
        }

    });

`] 1

Answer 1

您的代码只能在同一个域中工作，您需要使用您在问题中引用的库。