Закрытие всплывающего модального окна типа iframe с помощью кнопки

Question

У меня есть родительская страница и дочерняя страница с одинаковыми file.js файл для jquery события.

Ну я работаю с 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(); 
}); 

и я всегда получаю веб-консоль корыта Фирефокса следующего:

TypeError: $.magnificPopup is undefined 

Спасибо

Answer 1

Iframe имеет свою область применения он не может получить доступ к окружающая область. Но вы можете перейти в главное окно с родительской глобальной переменной.

Попробуйте это:

parent.$.magnificPopup.close(); 

Вы можете найти больше на эту тему здесь: Calling a parent window function from an iframe