0

標準の JQuery UI ダイアログ ウィジェットについて、ボタンの CSS クラスを変更する方法を誰かが説明できますか? addClass() 呼び出しが機能していません。

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

2 に答える 2

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");
            }
        },
    ]
});
于 2013-10-30T21:17:58.330 に答える
0

dialogClass はあなたが探しているもののようです

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

});
于 2013-10-30T21:06:46.600 に答える