Увеличенная цель всплывающего окна для родительского элемента iframe

Question

У меня есть веб-страница с несколькими маленькими iframe, когда пользователь нажимает на кнопку в iframe - показывает большую форму с type: inline, Как мне открыть всплывающее окно на родительской странице?

Answer 1

Отредактировано в последних версиях - еще проще. Автор добавить парам 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);
}

Answer 2

Если вы являетесь владельцем дочернего iframe, вы можете добавить clickHandler, который вызовет некоторые пользовательские в родительском. Пожалуйста, посмотрите на MDN

например. parent.$('body').trigger('custom:event');