javascript - jquery ajax - 调整另一个页面的 iframe 的大小

Question

我只是 ajax 和 jquery 的初学者，但我正在努力实现这一目标:

1. 页面 installation.html 包含 id="MyIframe"和 src="step1.php"的 iframe
2. 页面 step1.php 包含使用 ajax 调用 step2.php 的按钮(成功)
3. 页面 step2.php 需要有脚本，它将调整页面 installation.html 的 iframe 的大小(因此 step2 的内容将适合)

到目前为止，我的脚本如下所示:

    <script>
    $(document).ready(function() {
        $.ajax({
            url: 'installation.html',
            type: 'get',
            success: function(data) {
                $(data).find('#MyIframe').height('1000px');
            },
        });
    });
    </script>

但它不起作用。你能在这里提出解决方案吗？谢谢。

Answer 1

默认情况下，jQuery 使用当前窗口的 document 作为上下文 - 在您的例子中它是 #MyIframe。在此上下文中，没有带有 #MyIframe id 的元素。因此，您需要从顶部窗口的文档访问您的 iframe:

<script>
$(document).ready(function() {
    $(window.top.document).find('#MyIframe').height('1000px');
});
</script>