javascript - 将 jQuery 的 off() 和 on() 与匿名函数一起使用

Question

我希望禁用多次点击，直到 ajax 请求完成。我见过使用全局变量的解决方案，但感觉使用 off 和 on 会更优雅。 Ajax, prevent multiple request on click描述了使用 off 和 on，但使用命名函数(而不是匿名函数)来实现。如何使用匿名函数来实现这一点？如果不可能，在 ajax 请求完成之前禁用该事件的最佳方法是什么？

$("#button").click(function(){
    //Remove anonymous  function
    $.post('delay.php',function(x) {
        console.log('done '+x);
        //Add back anonymous function
    })
});

Answer 1

尝试使用此代码。

HTML:

<button id="button" type="button">Click Me!</button>

Javascript:

$("#button").click(function(){
    var that = this;
    $(this).attr("disabled","disabled");
    $.post('delay.php',function(x) {
        $(that).removeAttr("disabled");
        console.log('done '+x);
    })
});