JQuery Dialog Button Css

时间:2013-08-20 06:16:01

标签: jquery jquery-ui

我有这样的代码:

 $("#confirm").dialog({
                modal: true,
                title: 'Confirm',
                resizable: false,
                draggable: false,
                autoOpen: false,
                height: 200,
                width: 550,
                buttons: [{
                    tabIndex: -1,

                    text: 'Yes',
                    "class": 'informationLearnButton',           
                    click: function () {
                       ...
                        }
                        else {

                        }
                        $(this).dialog("close");
                    }
                },
                    {

                        tabIndex: -1,
                        text: 'No',
                        'className': 'SomeOtherCssClass',
                    click: function () {
                        $(this).dialog("close");
                    }
                }]
            });

类对我不起作用我尝试使用类,className使用“”并且不使用“”。 JQuery版本是1.8.22。 现在该怎么办

1 个答案:

答案 0 :(得分:1)

以下是您如何使用课程的示例:

<强> DEMO

$("#dialog").dialog({
    buttons: {
        'Confirm': function() {
            //do something
            $(this).dialog('close');
        },
        'Cancel': function() {
            $(this).dialog('close');
        }
    },
    create:function () {
        $(this).closest(".ui-dialog").find(".ui-button:first").addClass("custom");
    }
});