javascript - Fancybox:从 ​​iframe 中调用父级中的函数

Question

我正在使用 Fancybox 2。

我正在尝试找到一种从 iframe 窗口内从父级获取信息的方法。这是我的情况:

1. 从父级打开 Fancybox iframe

2. 打开 iframe 后，用户单击按钮。这次点击需要来自父级的信息，我希望为此调用父级中的函数。 请注意，单击此按钮不应关闭 iframe。

这在 Fancybox 2 中可行吗？我在 SO 上读了很多帖子，但无法弄清楚这一点。

感谢您的帮助!!!

Answer 1

如果您的父页面有此功能

function fnParent() {
    // returns some data 
};

...在 iframed 页面中，您只需调用该函数，例如:

parent.fnParent();

注意，如果您在 iframe 模式下打开 fancybox，则 iframe 内的任何交互或 点击 事件都会永远不要关闭 fancybox，除非一个被单击的元素调用 parent.jQuery.fancybox.close() 方法。

另请注意，iframe 页面可能需要包含 jQuery 及其自己的脚本和函数来处理来自父页面的响应。

参见JSFIDDLE