javascript - 卸载时 jQuery 发出警报，单击“保存”按钮时除外

Question

我有一个文本框，我希望它在离开未保存更改的页面时显示警报，除非您单击“提交”按钮。 这非常有效，除了如果按下提交按钮它仍然会提醒您，而且我真的不知道如何修复它。

我有 2 个文件，我的 Set.js 用于执行 BBcode 的操作，以及我的 script.js

脚本.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(){

在 document.ready 函数之外声明 saveClicked var