jQuery提醒卸載，除非點擊保存按鈕

Question

我有一個文本框，我希望它離開頁面時未保存的更改顯示一個提醒，除非你點擊提交按鈕。 這很好，除非它仍然提醒你，如果提交按鈕被按下，我真的不知道如何解決它。

我有2個文件，我Set.js採取的BBcode的行動，我的script.js

的script.js

$(document).ready(function() { 
    var saveClicked = false; 

    $(window).bind('beforeunload', function() { 
     if(y != $("#markItUp").val()) { 
      if(!saveClicked) {   
       return 'You have unsaved changes!'; 
      } 
     } 
    }); 
}); 

Set.js

{ 
    name: 'Save', 
    className:"miu-save", 
    call: function() { 
     $('form#edit').submit(); 
     saveClicked = true; 
    } 
}, 

Answer 1

改變這種

{ 
    name: 'Save', 
    className:"miu-save", 
    call: function() { 
     $('form#edit').submit(); 
     saveClicked = true; 
    } 
}, 

到

{ 
    name: 'Save', 
    className:"miu-save", 
    call: function() { 
     saveClicked = true; // true is called first here if you notice and then submit 
     $('form#edit').submit(); 
    } 
}, 

而且是必要

var saveClicked = false; 
$(document).ready(function(){ 

申報你saveClicked的的document.ready功能外VAR

Answer 2

我不確定這會起作用，但也許如果你開始做

saveClicked = true; 

和才做

$('form#edit').submit(); 

，會做的伎倆。

Answer 3

把你的saveClicked排除在document.ready的一邊。這樣它將是全球性的，然後只有一個可以將其值設爲true或false。

所以你的腳本應該是這樣的：

var saveClicked = false; 
    $(document).ready(function(){ 

$(window).bind('beforeunload', function(){ 
    if(y != $("#markItUp").val()){ 
    if(!saveClicked){   
    return 'You have unsaved changes!'; 
    }} 
}); 
});