如何在页面重新加载时显示jquery ui对话框？

Question

我想显示一个jquery ui对话框，如果用户将重新加载，请关闭浏览器。我试过了：

$(window).bind('beforeunload', function () {
    $("#confirm").dialog({ width: 500, modal: true,
        buttons: {
            "Ok": function () {
              // let the page reload
            },
            "Cancel": function () {
                // cancel reloading the page
                $(this).dialog('close');
            }
        }
    });
});

但是页面正在重新加载而没有显示确认对话框。如果我输入一个return语句，那么它会显示一条常规警报消息。但我想展示一个对话框。我怎么能这样做？

Answer 1

为了保护用户不能离开页面，对beforeunload事件可以执行的操作有严格的限制。您可以显示本机浏览器对话框，要求确认，但不能显示jQuery UI。

Here's what you can do