如何在jQuery中禁用模态对话框的“确定”按钮

Question

我想在按下jQuery模态对话框中的“确定”按钮后禁用该按钮。

- Monty

---

你是说在对话框中点击“确定”后，你想要同一个按钮被禁用吗？ - mcgrailm

Answer 1

在您的“确定”按钮单击事件中编写禁用操作，如下所示。

"Ok": {                          
       click: function () {
          $(".ui-dialog-buttonpane button:contains('Ok')")
                          .attr("disabled", true)
                          .addClass("ui-state-disabled");
                        }
      }

以上代码将获取对话框中的所有按钮，选择确定按钮并仅为该按钮添加属性"disable"。

- Chanaka

---

+1 给 jQuery 类的更改。我不能使用这个，因为我的应用程序是本地化的，但是你的答案指引了我正确的方向。我在另一个示例中添加了一个本地化的答案，并使用 e.target 而不是 jQuery 路径来选择按钮。干杯！ - Shanimal

Answer 2

"Ok": {
    click: function (e) {
        $(e.target)
            .attr("disabled","disabled")
            .addClass("ui-state-disabled");
        return false;
    }
}

或者如果它被本地化了：

buttons = {};
buttons[strings.buttons.ok] = function(e){
    $(e.target)
        .attr("disabled","disabled")
        .addClass("ui-state-disabled");
    return false;
}

- Shanimal