jquery - JQuery UI - 更改按钮类

Question

有人可以解释我如何更改按钮上的 CSS 类，用于标准 JQuery UI 对话框小部件吗？我的 addClass() 调用不起作用。

$("#dialog-message").dialog({
    modal: true,
    buttons: {
        Ok: function () {
            $(this).dialog("close");
            $(this).addClass("btn");
        }
    }
});

Answer 1

要回答您要问的问题，“有人可以解释我如何更改标准 JQuery UI 对话框小部件的按钮的 CSS 类”，有几种方法。这是最自成一体的。注意'class'用单引号封装。这是因为如果不是，IE 就会中断。

$("#dialog-message").dialog({
    modal: true,
    buttons:[
        {
            text: 'Ok', 
            'class': 'btn',
            click: function(){
                $(this).dialog("close");
            }
        },
        {
            text: 'Cancel', 
            'class': 'cancel',
            click: function(){
                $(this).dialog("close");
            }
        },
    ]
});

Answer 2

dialogClass 似乎是您正在寻找的

$("#dialog-message").dialog({
    modal: true,
    dialogClass: 'btn',
    ...

});