如何设置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