颜色框iframe调整大小

Colorbox iframe resize

本文关键字：调整 iframe 颜色      更新时间：2023-09-26

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

$.colorbox({ ... url, iframe true, etc
onComplete : function() { 
        $.fn.colorbox.resize(innerHeight);
        }

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

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

如果您想根据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窗口的大小。（请确保此代码仅在Parent和Iframe使用相同域时有效）

您是否在没有任何参数的情况下尝试resize()？它应该通过自己的自动计算来调整大小。但你也可以试试

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

有关详细信息，请查看此链接。

相关文章：