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

How to show a jquery ui dialog at page reload?

本文关键字:加载 显示 jquery 对话框 ui 新加载      更新时间:2023-09-26

我想显示一个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语句,那么它会显示一条一般的警告消息。但我想展示一个对话框。我该怎么做?

为了保护用户不离开页面,对beforeunload事件的处理有严格的限制。您可能会显示一个请求确认的本地浏览器对话框,但不会显示jQuery UI对话框。

以下是您可以做的。