Question

我有以下jquery：

$（window）.resize（function（）{changeIframe（）;}）; $（“＃iFrame”）。load（function（）{changeIframe（）;}）;

function changeIframe() {

    var iFHeight = $('iFrame').contents().height();
    var iFWidth = $('iFrame').contents().width();
    $("#content").css("height", iFHeight);
    $("#content").css("width", iFWidth); 

}

我遇到的问题是：当我们点击菜单时，第一个高度为100px的iframe加载（这很好）。然后我们通过点击另一个菜单500px iframe加载来加载另一个iframe（这也可以很好地使高度达到500px）。但是当我点击100px iframe的菜单链接时，尺寸仍然是500px的高度。它没有调整。我无法弄清楚我做错了什么。

Answer 1

在代码

下添加新高度之前，您必须删除高度

$（ '＃内容'）removeAttr（ “高度”）;

重新加载后，iframe的大小不会调整

1 个答案: