jquery - 单击时禁用站点范围的提交按钮

Question

我有一个多页网站，每个页面上有多个弹出窗口。有时会出现一连串的弹出窗口。例如，您希望这种情况发生吗？-> 否 -> 重新安排 -> 确认。这意味着有时提交操作被阻止并出现另一个弹出窗口。其他时候只提交弹出窗口上的表单。

单击后，我想禁用所有提交按钮。我试过添加

$("input[type='submit']").attr('disabled', 'disabled'); 

这是行不通的。禁用单个提交按钮没有问题，但我有很多事情要管理，这似乎是一个相当正常的问题。人们通常会单独禁用提交按钮吗？

Answer 1

我最终做的是

function(evt) {
  evt.preventDefault();
  evt.stopPropagation();

  // Button disable
  var disabledClass = 'ui-state-disabled',
  button = $($(evt.target).closest('button'));
  if(button.hasClass(disabledClass)) return;
  button.attr('disabled',true).addClass(disabledClass);
}

因为那里有多个按钮。我已经接受了上面的解决方案，因为它是对这个问题最完整（也是最明智）的答案。