jquery - <FORM> 发布到 <IFRAME> 只会在 IE7 中导致弹出窗口

Question

我正在使用 jQuery 构建一个 iframe 和表单:

iframe = $("<iframe>", {name : "foo"});
form = $("<form>", {
  target : $iframe.attr("name"),
  action : "/foobar",
  method : "POST"
}).append($("<input>", {
  type  : "submit",
  name  : "amifully",
  value : "dressed"
}).hide());
$("body").append(iframe).append(form);
form.submit();

出于某种原因，在 Chrome/Safari/Firefox/IE8+ 中它工作得很好，但在 IE7 中它会在弹出窗口中打开表单。

有人知道发生了什么事吗？

Answer 1

啊啊!我想到了!基本上，当您尝试使用 jQuery 将 name 属性添加到元素时，IE7 会崩溃...您必须在原始字符串中创建名称，如下所示:

iframe = $("<iframe name=\"foo\">");

这真是一件微妙的事情!希望这有助于防止其他人花费 5 个小时在互联网上搜索答案。