Javascript 如何避免Jquery保存数据后出现确认窗口？

当我将卡添加到输入框时。然后可以双击卡片，弹出对话框。 在对话框中，我有两个按钮（保存）和（取消）。当我按下取消按钮时，会弹出确认窗口

我想当我按下保存按钮，然后按下取消按钮，这个确认窗口不会弹出。但是如果我没有保存数据，并按下取消按钮，确认窗口就会弹出。我自己尝试用布尔和if语句来修复它，但没有成功

我有一个

使用布尔值

// Double click to open Modal Dialog Window
$('#userAddedCard').dblclick(function (e) {
    $currentTarget = $(e.target);

    $('#modalDialog').dialog({
        modal: true,
        height: 600,
        width: 500,
        position: 'center',
        buttons: {
            Save: function () { //submit

                save(true);

            },
            Cancel: function () { //cancel

                    cancel(true);

            }

        }
    });

});
 var boolean = false;
function save() {

        var val = $("#customTextBox").val();
        $currentTarget.find(".ctb").val(val);
        $currentTarget.find(".date").val($("#datepicker").val());         
        boolean = true;  

    }

function cancel() {

    if(!boolean){
        $('#dialog-confirm').dialog({
            resizable: false,
            height: 300,
            modal: true,
            draggable: false,
            buttons: {
                YES: function () {
                    $(this).dialog("close");
                    $('#modalDialog').dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

    }
    else{
        $('#dialog-confirm').hide();
    }
}

---

当您单击“取消”按钮时，它会显示pup up，当您在保存后单击它时，请单击“保存”按钮以隐藏它。

很抱歉，它似乎不起作用。这是JSFIDEL，我已经实现了代码：$（'#dialog confirm'）.hide（）；为了知道你隐藏了你的对话。不适用于符合对话框。您还可以将添加的关闭对话框事件放在右上方。。“X”类似，但我希望在保存数据后，按下“取消”按钮时能够关闭窗口。现在我没有了，这部分代码。

// Double click to open Modal Dialog Window
$('#userAddedCard').dblclick(function (e) {
    $currentTarget = $(e.target);

    $('#modalDialog').dialog({
        modal: true,
        height: 600,
        width: 500,
        position: 'center',
        buttons: {
            Save: function () { //submit

                save(true);

            },
            Cancel: function () { //cancel

                    cancel(true);

            }

        }
    });

});
 var boolean = false;
function save() {

        var val = $("#customTextBox").val();
        $currentTarget.find(".ctb").val(val);
        $currentTarget.find(".date").val($("#datepicker").val());         
        boolean = true;  

    }

function cancel() {

    if(!boolean){
        $('#dialog-confirm').dialog({
            resizable: false,
            height: 300,
            modal: true,
            draggable: false,
            buttons: {
                YES: function () {
                    $(this).dialog("close");
                    $('#modalDialog').dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

    }
    else{
        $('#dialog-confirm').hide();
    }
}