jquery - 如何提交一个 iframe 表单并在单击鼠标时关闭 jquery 灯

Question

我正在创建的 Web 应用程序使用 jquery lights out 并有一个内部表单的 html iframe。使用此应用程序的任何人都必须按下提交按钮。有没有一种方法可以链接提交按钮周围的自由空间区域，以便该空间内的任何点击都调用我代码中的 jquery 函数？

我想这样做，以便提交表单时自动关闭熄灯消息框，而不是应用程序用户在提交表单后看到 iframe 中发生的情况。

谢谢!-迭戈

Answer 1

我的建议是将您自己站点的页面的 iframe 放在 iframed 表单页面上。通过 url 参数，您可以将数据提交到父窗口，因为第二个 iframe 位于同一域中。

这是一个关于这个概念如何运作的非常糟糕的图表。

```````````````````````````
|  parent window     <-data <<<<
|                                ^
| |====x-domain security====|    ^
| |  Your form page iframe  |    ^
| |  [submit]               |    ^
| |                         |    ^
| |  |````````````````````  |    ^
| |  |helper iframe  data->>>>>>  

当然，这意味着您需要访问外部站点的 html。

有关详细信息，请参阅此问题的最佳答案。 Resizing an iframe based on content

这听起来像是同样的问题，除了你是在操纵 jquery 灯熄灭而不是高度。