设置dialog中的button为置灰、隐藏以及更改button样式

var dialogName = $("#table_form_box_dialog");
var dialogButton = dialogName.siblings(".ui-dialog-buttonpane");
var str = document.getElementById("input_box").value;
if(str == null){
    //使第一个按钮置灰,第二个按钮隐藏
    dialogButton.find("button").eq(0).attr("disable",true);//置灰
    dialogButton.find("button").eq(1).css("display","none");//隐藏
}

鸣谢:参考这里
页面上的相应代码如下:

<div id="pop_dialog" title="保存数据" style="display: none;">
    保存/放弃已添加的数据.
</div>

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');
          } 
    }
);