如何在页面重新加载时显示一个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。

这是您可以做的 。