Question

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

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'
    });
});

从iframe关闭模态弹出窗口

1 个答案: