jquery - Jquery调整改变的iframe大小

Question

我的代码可以很好地调整 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;
    });
}

Answer 1

//延迟

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;
    });
}
}

Answer 2

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