jQuery-ui对话框 – 使用jquery隐藏按钮
如何使用jquery动态删除/隐藏“确定”按钮？
$('#dialog-save').dialog({ autoOpen: false, modal: false, draggable: true, width: 275, height: 175, buttons: { "Ok": function () { $(this).dialog("close"); } } }); 我能够使用此代码更改标题 –
var saveDialog = $('#dialog-save'); saveDialog.dialog('option', 'title', 'Message');
不确定如何删除按钮。 谢谢！
您可以按照设置标题的相同方式设置buttons选项：
saveDialog.dialog("option", "buttons", {});
传入一个空对象文字以删除所有按钮。 这应该没问题，因为你似乎只有一个按钮。 如果您要拥有其他人，只需在调用option方法时指定要保留的那些。
UI对话框的一个常被忽视的function是您可以设置按钮的各种其他属性，包括“class”和“id”。 如果您需要在实例化后操作按钮，这些非常有用。
例如…
$('#dialog-save').dialog({ autoOpen: false, modal: false, draggable: true, width: 275, height: 175, { id: 'okBtn', text: "Ok", click: function () { $(this).dialog("close"); } }] }); // And then at some other point in the code... $('#okBtn').remove();
像这样的Juste不会显示按钮：
$('#dialog-save').dialog({ autoOpen: false, modal: false, draggable: true, width: 275, height: 175 } });
如果你想在显示对话后删除它们可能是这样的;
如何从函数中禁用jQuery对话框中的按钮？
试试这个小提琴
$(function(){ $('#dialog-save').dialog({ autoOpen: false, modal: true, draggable: true, width: 275, height: 175, buttons: { "Ok": function () { $(this).dialog("close"); } } }); $('#dialog-save').dialog('open'); $('.change').click(function(){ $('#dialog-save').dialog("option",{buttons:{}}); $('#dialog-save').dialog('open'); }); });