有人可以帮我隐藏/禁用jQuery对话框上的按钮吗?
场景:单击按钮时,我正在打开一个带有“添加”和“更新”按钮的对话框。在对话框中,我有 2 个包含日期和消息的文本框。如果数据库中已经存在数据,则两者都将填充数据,否则它们将为空白,允许用户添加数据。
现在,如果文本框有预填充的数据(消息存在于 db 中)我必须隐藏添加按钮,因为用户只能更新消息。我尝试了一些从 stackoverflow 获得的技巧,但在我打开对话框时它们都没有工作按钮单击框,所以我想我正在动态创建按钮,我无法即时隐藏它们。
我还尝试为对话框按钮提供一个 ID 并使用以下代码隐藏/禁用它: $('#id').hide(); $('#id').attr('disabled','disabled');
我查看了下面的小提琴,这正是我想要的,但如果我采用这个,那么我必须做很多代码更改。所以,想知道是否有人可以为我提供一个简单的解决方案。
[http://jsfiddle.net/kkh2a/1/]
提前致谢。
$('#dialog-form').dialog({width:350,height:300,
resizable:false,
modal:true,
closeOnEscape: true,
draggable:false,
show:{effect:"fade"},
buttons:{
Add:{
text:'Add',
id:'AddMsg',
click:function(){
}},
Update:function(){
},
Cancel:function(){
$(this).dialog("close");
}
}});