如何设置Jquery UI dialog 中的button为disable变灰或者更改button样式

页面上的相应代码如下：

    保存/放弃已添加的数据.

xx.js 代码如下，

function InitializeEditResultDialog() {
    $("#pop_dialog").dialog({
        autoOpen: false,
        resizable: false,
        height: 200,
        width: 400,
        modal: true,
        closeOnEscape: true,
        buttons: {

            "Yes": function () {
                $(this).dialog("close");
                ProcessData();
            },

            "No": function () {
                $(this).dialog("close");
                ProcessData();
            }      

         }
    });
}

如果想根据条件控制dialog中的“Yes” 按钮变灰，可以：

$("#btnSave").click(function () {
        $("#pop_dialog").dialog('open');

        if (validateInputBox() == false) {
            $('.ui-dialog-buttonpane').find('button:contains("Yes")').attr("disabled", "disabled");
        }
        else {
            $('.ui-dialog-buttonpane').find('button:contains("Yes")').removeAttr("disabled");
        }
    });

注意：一定要是classId = '.ui-dialog-buttonpane',这是Jquery自己给加上的，通过这个就能找到“Yes”按钮了，就可以控制其样式了。

 

或者

var button1 = $('.ui-dialog-buttonpane').children('button')[1];

$(button1).removeClass('ui-button-text-only').addClass('ui-button-text-icon');

或者

$("#id-dialog").dialog({        

     modal: true,        

    buttons: {            

         'Login': logIn,            

         Cancel: logOut

         },

         open: function() {

             $buttonPane = $(this).next();

             $buttonPane.find('button:first').addClass('accept').addClass('ui-priority-primary');

             $buttonPane.find('button:last').addClass('cancel').addClass('ui-priority-secondary');

          } 

    });