Question

jquery-ui dialog 中动态控制 buttons?

jquery-ui dialog 中的buttons如何指定id或者能实现动态控制,我想动态控制一个button是否显示,现在实现不了

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").toggle();