javascript - 防止模态保存时双重操作

Question

我有以下代码

$('#modal').dialog("option", "buttons", {
    Save: SaveMethod,
    Cancel: function() {
        $(this).dialog("close");
    }
});

当我非常快速地多次单击“保存”按钮时(即使我将按钮设置为 disabled='disabled')，SaveMethod 函数仍会运行多次。在第一个方法调用结束之前，如何防止按钮单击？

Answer 1

SaveMethod 之外的变量跟踪保存时间的范围可能有效。

如果SaveMethod快速完成后，您仍然可以多次单击该按钮。在这种情况下，您可以设置 saving = false在对话框关闭事件中或者替换 saving = false与 setTimeout(function(){ saving = false; }, 500);在允许再次保存之前延迟一点。

$('#modal').dialog("option", "buttons", {
    Save: SaveMethod,
    Cancel: function() {
        $(this).dialog("close");
    }
});

var saving = false;

function SaveMethod(){
  if(saving) return;
  saving = true;
  //save code
  saving = false;
}