Question

我正在研究一些浏览器中立问题，我看到代码在window.open()用于新窗口，它在IE-11（但不是模态弹出窗口）中工作，而不是在任何其他浏览器中，如Edge， Safari，Chrome。

当前window.open（）不是模态类型，所以我有什么方法可以将这个窗口更改为模态并且可以轻松地在上述所有浏览器中使用吗？

这是代码

function ShowAbbreviationDefinition_onclick()
    {
        var windowOptions = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,height=400,width=400,left=300,top=150"
        window.open("../UserControls/Somepage.aspx", "", windowOptions);
    }

感谢。

Answer 1

您可以尝试使用jQuery UI对话框。为此，您需要将jQuery UI css和js文件添加到页面中。

<div id="dialog" style="display:none;"></div>

function ShowAbbreviationDefinition_onclick(url){
    $("#dialog").append($("<iframe />").attr("src", "UserControls/Somepage.aspx")).dialog();
}

Answer 2

如果需要本机ASP.NET组件，可以参考MSDN blog posts。

否则，jQueryUI提供了一个完整的框架，其中包含一个名为Dialog的完全基于客户端的模式。

您希望了解iframe需要包含Somepage.aspx URI。请参阅此other answer。

将Window.open更改为模态对话框javascript

2 个答案: