在卸载事件之前在窗口上显示jquery对话框

Question

在窗口退出时，我希望使用自定义jquery对话框而不是标准浏览器警报来提示用户，并停止卸载，直到用户回复对话框中的问题。请让我知道如果这是可行的。

或

有没有一种方法可以在窗口打开时启动jquery对话框，并在对话框显示时禁用父窗口关闭按钮，并在对话框关闭时启用它自己的关闭按钮？

非常感谢您的宝贵反馈/解决方案

Answer 1

在html页面中包括bootboxjs js文件和css文件

      <div id="confirmation" class="dialog-confirm">
        <div id="dialogTitle" class="dialog-title">Confirmation!</div>
        <div id="dialogContainer" class="error_container" style="text-align: center">
            <p class="message bold">Do you want to close page?</p>
            <div style="text-align: right;">
                <input type="button" id="yes" value="Yes" class="input-button" /><input type="button" id="no"
                    value="No" class="input-button" />
            </div>
        </div>
    </div>   

在js文件中

        $( window ).unload(function(event) {
             event.preventDefault();
            $activeWindow = $(this);
            bootbox.confirm($('#dialog-confirm').find('#error_container').html(),
            function(result) {
            if (result == true) {
               $activeWindow.close();       
                }
            });
                      });