Question

我正在iframe颜色框中加载一个页面。在这个页面上有一个可以提交的表格。我想在提交表单后自动关闭颜色框并在父页面中加载新的URL。我怎么能意识到这一点？

现在我在提交表单后使用onclick函数，但我希望自动完成：

<a onclick="parent.$.fn.colorbox.close();" target="_parent" href="http://www.test.com">Test</a>

Answer 1

问题出在哪里并不完全清楚。

一般来说，您需要使用iframed表单上的“提交”操作来触发您想要的行为。例如，您可以捕获该事件并执行以下操作：

处理表单提交
关闭彩盒
将新uri加载到父级的位置

你已经想出了如何关闭彩色盒，所以请研究一下parent.window.location，然后你就可以参加比赛了。

就个人而言，我会在javascript中执行此操作，而不是尝试使用默认浏览器行为来解决此问题。

一切顺利。

Answer 2

凯文提供了很好的建议，而Ajax将是一种优雅的处理方式。但是，最简单的方法是让表单响应页面看起来像这样：

<!DOCTYPE html>
<html>
  <head>
    <script>
      parent.$('document').bind('cbox_closed', function(){
        location.href = "http://example.com";
      });
      parent.$.colorbox.close();
    </script>
  </head>
</html>

提交表单后关闭colorbox（iframe）并在父页面中加载新URL

2 个答案: