为 iframe 内的元素处理 iframe 外的事件

Question

我的页面结构是这样的

我有一个html 页面，其中包含一个jQuery 对话框。 在jQuery 对话框中，会在iFrame 中打开一个屏幕。

现在我面临的问题是 - 我想通过单击 iFrame 中的按钮来关闭 jQuery 对话框。 （例如，如果我的 iFrame 源是 Google.com，那么单击搜索按钮我的对话框应该关闭）

那么，我可以在我的html页面的$(document).ready(function()中编写搜索按钮的关闭呼叫处理点击事件吗？

注意：- iframe 源不可访问。

如果不是，那么其他可能的选择是什么？

提前致谢。

Answer 1

如果iFrame 源位于不同的域中，则无法执行此操作。

选项

• 使用对话框的内置关闭功能

• 如果你想要触发关闭的item的位置是固定的，你可以覆盖一个div覆盖。单击 div 时触发关闭事件。 http://jsfiddle.net/YvbPB/

Answer 2

见jQuery/JavaScript: accessing contents of an iframe我的朋友。