Javascript 调整附加iframe的高度

Javascript 调整附加iframe的高度,javascript,jquery,iframe,resize,append,Javascript,Jquery,Iframe,Resize,Append,我正在创建一个页面,允许人们上传一个文件,然后可以直接在浏览器中编辑。到目前为止,我创建的是一个上传表单,它在提交时通过将iframe附加到div将内容加载到iframe中 提交表单后,将运行以下jquery: setTimeout(function() { $('.email-body').append('<iframe id=\"emailframe\" scrolling=\"no\" src=\"email/index.html\" width=\"800\" name=\

我正在创建一个页面,允许人们上传一个文件,然后可以直接在浏览器中编辑。到目前为止,我创建的是一个上传表单,它在提交时通过将iframe附加到div将内容加载到iframe中

提交表单后,将运行以下jquery:

setTimeout(function() {
    $('.email-body').append('<iframe id=\"emailframe\" scrolling=\"no\" src=\"email/index.html\" width=\"800\" name=\"myFrame\"></iframe>');
    $('.emailUploadArea').fadeOut();
    $('.email-body').fadeIn();
}, 50);
但我认为这不再有效,因为jquery无法找到iframes id,因为它实际上不在那里

有人可以告诉我如何做,这样我附加的iframe将调整自身大小,以显示整个文件


感谢您,与其附加包含iframe定义的字符串,不如先尝试动态创建一个并保存对它的引用:

var myIframe = $('<iframe id="myFrame" name="myFrame">');
myIframe.appendTo('body');
var myIframe=$('');
myIframe.appendTo('body');
这样,您将有一个对它的引用,它将允许您修改您想要的任何属性

var myIframe = $('<iframe id="myFrame" name="myFrame">');
myIframe.appendTo('body');