javascript - 在 API 调用期间禁用按钮

Question

我试图在单击按钮时禁用该按钮，同时运行调用 API 的函数，完成后我想重新启用该按钮。

我尝试了一些变体，例如 attr()/removeAttr()，以及下面带有 $(this)< 的变体 和 $('#miss')，但奇怪的是，当我只有禁用行时，按钮会禁用，当我先禁用后启用，例如按钮下方的代码中永远不会禁用。我错过了什么？

$('#miss').click(function() {
  $(this).prop('disabled', true);

  registerShot('miss');

  $(this).prop('disabled', false);
});

Answer 1

如果您的 registerShot 函数编写没有问题，这将对您有所帮助:

$('#miss').click(function() {
  let missButton = $(this);
  $(missButton).prop('disabled', true);

  registerShot('miss')
    .then(function(res) {
      $(missButton).prop('disabled', false);
    });

});