放大弹出目标到 iframe 父级

Posted 2023-05-07

【中文标题】放大弹出目标到 iframe 父级

【英文标题】：Magnific popup target to iframe parent

【发布时间】：2017-01-09 04:45:49

【问题描述】：

我有一个带有一些小 iframe 的网页，当用户单击 iframe 中的按钮时 - 显示带有 type: inline 的大表单。如何让弹出窗口在父页面中打开？

【参考方案1】：

如果您是子 iframe 的所有者，则可以添加 clickHandler 来触发父级中的一些自定义。请看MDN

例如。 parent.$('body').trigger('custom:event');

【参考方案2】：

已编辑 在最新版本中 - 更容易。 作者添加参数prependTo

 var conf = type: 'inline', preloader: false;
 if (window.location != window.parent.location) 
     conf.prependTo = window.parent.$('body');
 

完成。小而丑陋的黑客 添加新选项 - 目标

var conf = type: 'inline', preloader: false;
if (window.location != window.parent.location) 
    conf.target = $(window.parent.window);

在源代码中，在函数addGroup

if (typeof options.target != 'undefined') 
    _window = options.target;
 else 
    _window = $(window);