javascript - 颜色框 iframe 调整大小

Question

我查看了很多类似问题的回复，但找不到任何有效的回复。我是 javascript 的新手，但已经足够让我的结果显示在 iframe 中，但是当我尝试建议的代码时:

$.colorbox({ ... url, iframe true, etc

onComplete : function() { 
        $.fn.colorbox.resize(innerHeight);
        }

窗口调整为 150 像素高。不管页面的 html 中有什么。理想情况下，它会打开搜索结果大小，然后每次运行新搜索时我都可以调用它，但我发现没有任何变化的 colorbox.resize() 引用做任何事情.纳达。

如有任何帮助，我们将不胜感激。

Answer 1

如果您想根据 Iframe 的内容调整大小，那么调整大小的代码应该在 Iframe 内容中。因为据我所知只有 Iframe 知道它包含什么内容，而不是加载它的父窗口。在您的 Iframe 内容中，将此代码放在标题部分

<script type="text/javascript">
    function Resize_Box(){
        var x = $('body').width();
        var y = $('body').height();
        parent.$.fn.colorbox.resize({
            innerWidth: x,
            innerHeight: y
        });
    }

    $(document).ready(function(){
        Resize_Box();
    });
</script>

当 Iframe 完全加载时，将执行此代码，并且您的 Colorbox 窗口将调整大小。 (确保此代码仅在您为父级和 Iframe 使用相同域时才有效)