javascript - 如何在第一次点击时禁用Jquery提示保存按钮

Question

我正在使用 jQuery 提示来提示用户保存。因此，用户单击“保存”按钮，将显示 Jquery 提示并询问用户是否确定要保存更改。问题是，用户可以在提示关闭之前多次单击 jQuery 保存提示按钮。因此，每次单击提示保存按钮时，我的保存例程都会运行一次，这会导致数据库中出现重复的记录。我需要在第一次单击时禁用提示保存按钮，或者只需在第一次单击时关闭提示窗口以防止多次保存。我怎样才能做到这一点？

客户端代码:

$.prompt("Are you sure you want to save? You will not be able to change your decision after it's been saved.", {
    title: "Save?",
    buttons: { "Save": true, "Cancel": false },
    submit: function (e, v, m, f) {
        if (v) {
            response = saveUpdates(LoanDetails);
        }
    }
});

Answer 1

我在这里创建了一个 fiddle :http://jsfiddle.net/smurphy/4fqjR/

解决方案有点复杂。我认为会有一种更简单的方法来做到这一点，但在查看 documentation 之后我找不到任何内置功能。<​​/p>

代码如下:

submit: function (value, message) {
        if (value) {
            $(message.prevObject)
               .find('button[value="true"]')
               .attr('disabled', true);

            //TODO: perform save 
            //response = saveUpdates(LoanDetails);
        }
    }

message 参数是对文本描述的引用，因此您可以通过从该起点导航 DOM 来找到该按钮。