如何在请求之间保持jQuery UI对话框状态？

Question

我有一个ASP.NET MVC web应用程序。应用程序可以使用“远程控制”(即jQuery UI对话框 )进行管理，只有当具有足够权限的用户登录并单击“显示远程控制”按钮时，应用程序才会出现。(显然，否则对话框的HTML代码就不存在了。)

当用户单击站点上的链接时，此对话框将自动关闭。

我希望对话框“记住”，在这种情况下，它是自动打开的。

最简单和最兼容浏览器的方法是什么？

(让我们假设现在我不想关心过时的浏览器，使用这种浏览器的人将使用新的浏览器。)

下面是初始化对话框的代码。

$(document).ready(function () {
    $("#remote-control").dialog({
        autoOpen: false,
        show: "explode",
        hide: "explode",
        title: "Távirányító",
        minWidth: 220,
        maxWidth: 260,
        width: 190,
        height: 300,
        maxHeight: 500,
        position: [50, 100]
    });

    $("#remote-control-opener").click(function () {
        $("#remote-control").dialog("open");
        return false;
    });
});

提前感谢您的回答！

Answer 1

有两种方法可以做到这一点。使用cookie或URL参数设置一个类似于isRemoteVisible的值，您可以在页面加载时检查该值。为此，我将使用的jquery库如下：

• Cookie方法：https://github.com/carhartl/jquery-cookie
• Url方法：http://www.mathias-bank.de/jQuery/jquery.getUrlParam.js

使用url参数更可靠，因为您的用户可能会禁用cookie。检测到cookie/param的值后，可以编程地触发远程控件以弹出。

编辑

您可以使用上面提到的库设置cookie，如下所示：

$.cookie('isRemoteVisible', 'true');

然后，您可以按以下方式获得此cookie值：

var showRemote = $.cookie('isRemoteVisible');

最后，对此执行检查以打开对话框：

if ("true" == showRemote)
     $("#remote-control").dialog("open");