Colorbox 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内容中将此代码放在head部分中

<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使用相同域时才有效)