bind - 无法在Jquery中取消绑定(bind)窗口beforeunload事件

Question

我有一个页面，用户可以在其中拖放对象并将其另存为图像。当用户离开该页面时，会触发 beforeunload 事件。现在，这种情况每次都会发生。我想要做的是，如果用户保存了他的工作，则取消绑定(bind)该事件，以便该消息不会再次弹出。为此，我使用了jQuery 中的解除绑定(bind)方法。但是，它似乎不起作用。下面是绑定(bind)和解除绑定(bind)事件的代码。

var notSaved = function()
{
   return 'You have not yet saved your work.Do you want to continue? Doing so, may cause loss of your work' ;
}
$(window).bind('beforeunload', notSaved);

调用保存方法后，

$(window).unbind('beforeunload', notSaved);

我在这里做错了什么？
此外，save 方法实际上是一个 Ajax 调用。

Answer 1

就绑定(bind)而言，

beforeunload 无法以这种方式可靠地工作。您应该在本地分配它:

window.onbeforeunload = function() {
  return 'You have not yet saved your work.Do you want to continue? Doing so, may cause loss of your work' ;
}

并在您的保存方法中:

window.onbeforeunload = null;