c# - 从 iframe 关闭模式弹出窗口

Question

我正在使用 modal.js 在页面中弹出对话框。当用户单击链接时，iframe 将显示在模式对话框上。该 iframe 内有一个按钮。单击按钮时，模式应关闭，页面应重定向到另一个网址。有可能吗？

Answer 1

您可以使用 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'
    });
});