关闭浏览器窗口之前的 JQuery 对话框

Question

我从其他帖子中了解到，处理此问题的唯一方法是通过无法编辑的浏览器对话框。我遇到的问题是，无论我如何离开页面，该框都会出现。该页面有一个保存和删除按钮，这是离开页面的正确方法，我不希望为他们显示对话框。

这是我的 JQuery

$(document).ready(function(){
//save or delete
  window.onbeforeunload = function() {
              var message = 'You have unsaved changes, please stay and save or delete them.';
              return message;
          }
}); 

保存和删除按钮是：

  <a id='savenewscopesheet' class='taskbutton'>Save</a>
  <a id='deletenewscopesheet' class='taskbutton'>Delete</a>

我正在使用更多的 JQuery 来处理它们的功能，因此它们没有 href。

Answer 1

更新了代码

$(document).ready(function(){
//save or delete

$('.taskbutton').click(function() {

    window.onbeforeunload = null;

    window.location='yourUrl'; //navigate to required page..

});

window.onbeforeunload = function() {
              var message = 'You have unsaved changes, please stay and save or delete them.';
              return message;
          }    



}); 

试试这个..

http://jsfiddle.net/kabichill/px4ZU/