Question

<div id="fancybox-content" style="height:200px;">
    <iframe id="fancybox-frame">
        <html>
            <head></head>
            <body>
                <div class="inner-div"><p class="click-here">Button</p></div>
            </body>
        </html>
    </iframe>   
</div>

最初div #fancybox-content的高度为200px，但点击按钮后，div.inner-div的高度会增加。所以我想增加div＃fancybox-content的高度。

那么我如何实现使用Jquery？

Answer 1

IFrame与您的外部页面位于同一个域中吗？如果不是，你必须使用留言发布。

例如在外窗口：

myIframe.contentWindow.postMessage('hello', '*');

并在iframe中：

window.onmessage = function(e){
    if (e.data == 'hello') {
        alert('It works!');
    }
}

取自this answer

如何使用Jquery从iframe标记的内部元素访问iframe标记的外部元素

1 个答案: