在窗口beforeunload事件上显示jquery对话框

时间:2014-04-14 05:50:26

标签: jquery dialog freeze

在窗口退出时,我想提示用户使用自定义jquery对话框而不是标准浏览器警报并停止卸载,直到用户回复对话框中的问题。请告诉我这是否可行。

OR

有没有办法可以在窗口打开时启动jquery对话框并在对话框显示时禁用父窗口关闭按钮,并在对话框关闭时通过自己的关闭按钮启用?

非常感谢您的宝贵意见/解决方案

1 个答案:

答案 0 :(得分:0)

在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();       
                }
            });
                      });