通過按鈕關閉iframe類型的彈出模式窗口

Question

我有一個父頁面和一個子頁面共享同一jquery事件的file.js文件。

好吧，我正在與Magnific Popup ，我有：

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

});

我的彈出窗口基於iframe並且是modal窗口。 如何使用button html元素關閉模式窗口？ 我對StackOverflow和所有答復進行了研究，並且基於inline類型。

我努力了

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

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

而且我總是從Firefox的Web控制台收到以下消息：

TypeError: $.magnificPopup is undefined

謝謝

Answer 1

Iframe具有自己的范圍，因此無法直接訪問周圍的范圍。 但是您可以使用父全局變量進入主窗口。

嘗試這個：

parent.$.magnificPopup.close();

您可以在此處找到有關此主題的更多信息： 從iframe調用父窗口函數