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

0

Я использую modal.js для всплывающего диалогового окна на странице. Когда пользователь нажимает на ссылку, iframe будет отображаться в модальном диалоговом окне. Внутри iframe есть кнопка. Когда кнопка нажимает, модаль должен быть закрыт, а страница должна перенаправляться на другой URL-адрес. Возможно ли это?

  • 0
    Ответ - да. Что такое modal.js?
Теги:
modal-dialog

1 ответ

2
Лучший ответ

Вы можете использовать привязку jQuery для запуска настраиваемого события.

На клике, прежде чем показывать iframe, выполните следующие действия в javascript:

// Bind a trigger
$('body').unbind('myUniqueEventName', SomeJavascriptFunction);
$('body').bind('myUniqueEventName', SomeJavascriptFunction);

В другом месте javascript определите функцию SomeJavascriptFunction:

function SomeJavascriptFunction(event, extraData) {
    // This is run when the button on the popup is clicked
    // You can pass along data using the extraData parameter
    // You can also redirect to another page
    var someData = extraData.someData; // Will contain 'someValue'
}

Теперь все, что нам нужно сделать, это запустить пользовательское событие из iframe. Мы делаем это, добавляя следующий код в iframe при нажатии кнопки.

parent.$('body').trigger(
    'myUniqueEventName', {
        someData: 'someValue'
    });
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню