Jquery调整更改的iframe大小

Jquery调整更改的iframe大小,jquery,iframe,window-resize,Jquery,Iframe,Window Resize,我的代码可以很好地调整iframe的大小。唯一的问题是它会立即调整到新的大小,并且不会考虑过渡时间。因此,任何随转换时间扩展的div都会强制iframe切断文档的底部。我对jquery非常陌生,所以我不知道如何在我找到的代码中添加计时器 function resizeFrame(ctrl) { $(ctrl.contentWindow.document).ready(function () { var s; s = 100; ct

我的代码可以很好地调整iframe的大小。唯一的问题是它会立即调整到新的大小,并且不会考虑过渡时间。因此,任何随转换时间扩展的div都会强制iframe切断文档的底部。我对jquery非常陌生,所以我不知道如何在我找到的代码中添加计时器

function resizeFrame(ctrl) {

    $(ctrl.contentWindow.document).ready(function ()
    {
        var s;
        s = 100;
        ctrl.style.height = s;
        var doc = $(ctrl.contentWindow.document);

        s = doc.height() + "px";
        ctrl.style.height = s;
    });
}

如果您只需要延迟,可以使用
。如果需要逐渐更改大小,请查看jQuery动画工具。

//以获得延迟

function resizeFrame(ctrl) {

    $(ctrl.contentWindow.document).ready(function ()
    {

var myDelay = setTimeout(resizeMe, 2500); //2 1/2 second delay

function resizeMe(){
        var s;
        s = 100;
        ctrl.style.height = s;
        var doc = $(ctrl.contentWindow.document);

        s = doc.height() + "px";
        ctrl.style.height = s;
    });
}
}

我想这会管用,但我不知道该把它放在代码中的什么地方,因为我对jquery太陌生了。