Question

以下是调用它的函数：

$("#iFrame").load(function () { resizeIframe(); }); // on load resize is called
loadIFrame(url); //this loads url in i frame 



function resizeIframe() {
    var iFHeight = $('iFrame').contents().height();
    var iFWidth = $('iFrame').contents().width();

    $("#content").css("height", iFHeight);
    $("#content").css("width", iFWidth);
}

如果首次加载内容的iFrame高度为100px，则第二次加载内容的iFrame高度为200px。第三次加载内容的高度再次是100px，但它被卡在200px。为什么不改变高度？即使高度现在是100px？

Answer 1

试试这个。

$('iframe').load(function(){
    var $body = $(this).contents().find('body');
    $("#content").css({
        height: $body.height(),
        width: $body.width()
    });
})
.attr('src', 'iframeUrlHere');

为什么<iframe>的内容高度不断增加？</iframe>

1 个答案: