jQuery UI 对话框 OnBeforeUnload

Question

我有一个小问题。我正在 try catch 窗口的 OnUnLoad 事件并询问确认问题，如果用户决定他们想留下来，那么很好，如果他们想离开页面，那么他们将丢失所有未保存的数据。这是问题...

我正在使用 jQuery UI 对话框，当我将以下代码放在我的页面上时，我打开了对话框，当我单击浏览器上的后退按钮时，它永远不会弹出消息框。它只是刷新页面:

<script type="text/javascript"> 
    $(window).bind('beforeunload', function() { 
            alert('you are an idiot!'); 
        } 
    );
</script>

我使用的解决方案是一个帖子 here .同样，如果我没有打开 jQuery UI 对话框，则 msgbox 将正常显示。如果我这样做，那么它不会显示消息框，只会刷新页面。

有什么想法吗？

Answer 1

显示警报的正确方法是简单地返回一个字符串。不要自己调用 alert() 方法。

<script type="text/javascript">
    $(window).on('beforeunload', function() {
        if (iWantTo) {
            return 'you are an idiot!';
        }
    }); 
</script>

另请参阅:https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload