如何禁用jQuery-UI按钮并禁用单击它

Question

我有以下带有2个按钮的jQuery-UI对话框：

$("#dialog").dialog({
        autoOpen: false,
        width: 400,
        buttons: [
            {
                class: "btnOK",
                click: function () {...
                }
            },
            {
                class: "btnClose",
                click: function () {
                    $(this).dialog("close");
                }
            }
        ]
    });

我可以通过以下方式禁用btnOK：

$('.btnOK').attr("disabled", true).addClass("ui-state-disabled");
OR $('.btnOK').button("disabled");
OR $('.btnOK').button( "option", "disabled",true);

然而，这并没有阻止点击按钮。

如何禁用点击？ 感谢。

Answer 1

工作方式是：

$('.btnOK').button("disable");
OR $('.btnOK').button( "option", "disabled",true);
OR $('.btnOK').attr("disabled", true).addClass("ui-state-disabled");

我还没有在浏览器中清除历史记录，因此我没有看到更改。