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

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

Answer 2

// FOR A DELAY

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调整iframe的大小

2 个答案: