Javascript 通过按钮关闭iframe类型的弹出模式窗口

我有一个父页面和子页面，共享jquery事件的相同file.js文件

我正在使用

放大弹出窗口

，我有：

$("#addDetailButton").magnificPopup({
        items: {
              src: 'someURL'
        },
        type: 'iframe',
        enableEscapeKey: false,
        modal: true

});

我的弹出窗口基于

iframe

，并且是

modal

。如何使用

按钮

html元素关闭模式窗口？我对StackOverflow和所有回复进行了研究，并基于

inline

类型

我试过了

<input id="cancel" type="button" value="Cancel"/> // child page

$("#cancel").click(function(){
        $.magnificPopup.close();
});

---

谢谢

Iframe有自己的作用域，不能直接访问周围的作用域。但是您可以在主窗口中使用父全局变量进行升级

试试这个：

parent.$.magnificPopup.close();

您可以在此处找到有关此主题的更多信息：

parent.$.magnificPopup.close();