javascript - 禁用然后重新启用点击功能 jQuery

Question

我有一个文件上传系统，点击上传按钮后，文件通过AJAX上传。上传文件时，我想禁用“选择图像”按钮上的点击功能。目前这是文件选择按钮上的点击功能:

$(document).ready(function() {
    $("#file-button").click(function() {
        $('#file').trigger('click');
    });
});

这很好，但我想在 XmlHttpRequest 的进度阶段禁用点击功能，然后在从服务器收到 200 响应时重新启用点击功能。我试过 bind() 和 unbind() ，在 Chrome 中运行正常，但是在 firefox 中，在上传过程中，按钮无法点击，这就是我想要的，然后在我得到服务器的响应后，按钮被重新启用，但在 firefox 中，两个文件选择对话框窗口同时打开。这是因为上面的函数，我使用 bind() 再次绑定(bind)了这个函数。有没有人对如何在不重新输入点击事件的代码(功能)的情况下启用然后禁用按钮有任何建议。

最好是这样的:

$('#file-button').disable();
$('#file-button').enable();

我已经尝试了 on() 和 off()，但它们似乎也不起作用。

Answer 1

解决方案——感谢 Eric

我将初始点击功能更改为以下内容:

$(document).ready(function() {
    $("#file-button").click(function() {
      if ( $('#file-button').attr('disabled') == "disabled" ) {
        return false;
      }
      else {
          $('#file').trigger('click');
      }
    });
});

然后我设置以下内容来禁用按钮

$('#file-button').attr('disabled','disabled');

重新启用它:

$('#file-button').removeAttr('disabled');