如何设置Jquery UI dialog 中的button为disable

Question

如何设置Jquery UI dialog 中的button为disable

Answer 1

默认的设置buttons，是这样的{buttons:{"按钮名1":function(){函数内容......},"按钮名2":function(){函数内容......},......}}

"按钮名":function(){函数内容......}

比如在页面有个按钮 id="btn" ,想通过$("#btn")控制dialog中的按钮是否显示的话，可以向下面这样做：
$(function(){
$("#btn").click(function(){
$(".ui-button-text").each(function(){
if($(this).text() == "按钮名1"){
$(this).attr("id","btnCancel");
return false;
}
});
$("#btnCancel").parent().toggle();
});
});

原理就是：buttons:{……} 设置的名字，其实只是生成了一个<span>块，并为其文本节点赋值，而dialog插件会自动为其添加一个父元素<button>元素，因此切换显示/隐藏按钮，需要对这个父元素进行操作。

Answer 2

不用指定id
$(".ui-dialog-buttonpane button").hide(); //隐藏dialog中所有button
$(".ui-dialog-buttonpane button").eq(指定的第几个butoon，按索引从0开始).hide(); //隐藏指定的button
$(".ui-dialog-buttonpane button").slice(0,2).hide() //隐藏指定范围的button