jquery - 如果按钮已经在处理当前请求，如何阻止按钮上的单击事件

Question

我实现了以下 JQuery 代码

$(".simpleCart_shelfItem button").click(function() {
            alert(this.value);
            $(this).addClass('disabled');
            $(this).html("Adding &nbsp;&nbsp;<i class='icon-spinner9 spin'></i>");
        });

此代码的问题在于，即使它正在处理代码并且有人再次单击以下按钮，它也会再次开始执行。

如何防止这种事情发生？

Answer 1

当您添加 .disabled 类时，您可以将其添加到函数的第一行:

if ($(this).hasClass('disabled'))
  return;