更改iframe高度以适合动画内容

Question

我在iframe中有一些内容，但点击内容会随动画改变高度。我需要更改iframe的高度以匹配新的动画高度，这将如何完成？

http://www.klossal.com/b_iframe.html

你可以看到那里的设置不起作用，你点击其中一个名字，你就会看到动画。

Answer 1

你可以使用JS的父文档中的函数在父节点中定义一个函数并像这样调用它;

parent.setIFrameHeight(newValue);

并且您的setIFrameHeight函数应该是这样的;

function setIFrameHeight(value) {
   document.getElementById("iframe").height = value + "px";
}

Answer 2

您可以使用jQuery库来执行此操作，甚至可以轻松地为活动设置动画。

一个简单的jQuery示例示例：

HTML：

<iframe id="iframe-box" src="httml://jsfiddle.com" height="100px" width="50px"></iframe>   

<div id="clickme" >
  click me
</div>​

的Javascript

$(function(){
    $('#clickme').click(function(){
      $('#iframe-box').animate({'width':'200'})  
    })
});​

example

<强>更新

如果您想访问iframe中的内容，您也可以使用jQuery和content()函数：

jQueryObject = $("#iframe-box").contents().find("#somecontent")