javascript - 根据提交点击动态调整iFrame的高度

Question

我有一个正在提取的表单，它为事物的支付部分生成一个 iFrame。高度很好，但是当您单击“提交”并且表单有错误时，错误消息将提交推到 iframe 的高度以下，导致它消失。我一直在尝试使用一些 JavaScript 来通过绑定(bind)事件来动态调整高度，但到目前为止运气不好，谢谢。

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，或者说是唯一一个。

因为你的ID很奇怪，好像是生成的。