从iframe关闭模态弹出窗口

时间:2013-12-03 13:26:44

标签: c# javascript jquery modal-dialog

我正在使用modal.js弹出页面中的对话框。当用户点击链接时,iframe将显示在模式对话框中。 iframe里面有一个按钮。当按钮单击时,应关闭模态,页面应重定向到另一个URL。是不可能的?

1 个答案:

答案 0 :(得分:2)

您可以将jQuery binding用于trigger自定义事件。

点击后,在显示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'
    });
});