javascript - 根据提交点击动态调整 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页面的第一个，或者唯一的一个。

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