如何禁用jQueryUI对话框上的按钮?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (98)

如何禁用按钮?在jQueryUI对话框中似乎在上面链接的任何文档中找不到这一点。

提问于
用户回答回答于

类似于Nick Craver:

$("#dialog").dialog({
    width: 480,
    height: "auto",
    buttons: [
        {
            id: "button-cancel",
            text: "Cancel",
            click: function() {
                $(this).dialog("close");
            }
        },
        {
            id: "button-ok",
            text: "Ok",
            click: function() {
                $(this).dialog("close");
            }
        }
    ]
});

然后,在其他地方,应该能够使用API对于jQueryUI按钮:

$("#button-ok").button("disable");
用户回答回答于

如果包括插件/小部件该jQueryUI

$(".ui-dialog-buttonpane button:contains('Confirm')").button("disable");

或者如果使用的是旧版本或不使用按钮小部件:

$(".ui-dialog-buttonpane button:contains('Confirm')").attr("disabled", true)
                                              .addClass("ui-state-disabled");

如果希望它在特定的对话框中,比如说ID,那么执行以下操作:

$("#dialogID").next(".ui-dialog-buttonpane button:contains('Confirm')")
              .attr("disabled", true);

扫码关注云+社区

领取腾讯云代金券