Chrome 37+ 模态对话框 returnValue 的解决方法答案

【问题标题】：workaround of Chrome 37+ modal dialog returnValueChrome 37+ 模态对话框 returnValue 的解决方法
【发布时间】：2014-11-13 10:49:53
【问题描述】：

我有一个父调用者页面和一个模态页面，当模态页面关闭时，调用者页面从弹出的模态页面中获取一个returnValue。即使是旧版 Chrome 的 showModalDialog() 总是返回 undefined，有很多变通方法 [javascript - showModalDialog not returning value in Chrome。

但现在 Chrome37+ 中的 window.showModalDialog() 在设计上已被弃用 [http://blog.chromium.org/2014/07/disabling-showmodaldialog.html]，那些获取弹出窗口的 returnValue 的变通办法不再起作用。

比我试过window.open()，但window.open 的行为与showModalDialog 完全不同，而且要获得正确的returnValue 并不容易（因为window.open() 是异步的）。

那么有没有完美的方法来解决这个问题？

【问题讨论】：

标签： javascript jquery google-chrome modal-dialog

【解决方案1】：

您可以使用Jquery Modal Dialog Framework

JQuery 模式对话框示例

$( ".selector" ).dialog({
    close: function( event, ui ) {
        alert('dialog closed');
        return;
    }
});

或者Fancybox Framework

Fancybox 示例

$(".fancybox").fancybox({
    afterClose : function() {
        alert('dialog closed');
        return;
    }
});

两个框架都提供回调处理程序，以便您可以将值存储或传递给其他函数...

【讨论】：