Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery UI-更改按钮类_Jquery_Jquery Ui - Fatal编程技术网

JQuery UI-更改按钮类

JQuery UI-更改按钮类,jquery,jquery-ui,Jquery,Jquery Ui,有人能解释一下我如何为标准jQueryUI对话框小部件更改按钮上的CSS类吗? 我的addClass()调用不起作用 $("#dialog-message").dialog({ modal: true, buttons: { Ok: function () { $(this).dialog("close"); $(this).addClass("btn"); } } }); dialogCl

有人能解释一下我如何为标准jQueryUI对话框小部件更改按钮上的CSS类吗? 我的addClass()调用不起作用

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

dialogClass似乎就是您要寻找的

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

});

要回答您想问的问题,“有人能解释一下我如何更改标准jQueryUI对话框小部件按钮的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");
            }
        },
    ]
});

请发布你的HTML。也许你会发现这很有帮助:谢谢,但这并不影响附加到按钮的类。这可能是你想问的而不是你问的!这是一个正确的答案,只是不完整。对话框现在有了类名,您可以导航到所需的按钮,因为您现在可以引用任何子元素!