基于提交点击动态调整iFrame的高度

Question

我有一个表格，我正在为支付部分生成一个iFrame。高度很好，但是当您单击“提交”并且表单有错误时，错误消息会将提交推送到iframe高度以下，导致其消失。我一直在玩一些JavaScript来通过绑定事件动态调整高度，但到目前为止没有运气，谢谢。

var iframe = document.getElementById("embedded123frm757809").contentWindow;
    iframe.$(".submit").bind("click",
    function(){
     $("#embedded123frm757809").css({height: iframe.$("body").outerHeight()
});

Answer 1

而不是使用

$("#embedded123frm757809").css({height: iframe.$("body").outerHeight()

使用：

$("#embedded123frm757809").attr('height',iframe.$("body").outerHeight());

建议使用：

iFrame = document.getElementsByTagName('iframe')[0];

假设您的iFrame是该页面的第一个iFrame，或者是唯一的一个。{/ p>

因为您的ID很奇怪，似乎已生成。