JQUERYUI:当我关闭和打开时，模态按钮不起作用

Question

我正在javascript中创建一个对话框，由于某种原因，当我第一次打开对话框时，按钮工作正常。但是当我关闭并打开它时，按钮不起作用。当我重新打开对话框时，编辑单击功能第二次不起作用

var newDiv = $(document.createElement('div'));     
$(newDiv).dialog({
title: "New Dialog",
modal: true,
autoOpen: true,
width: 650,
height: 440,
resizable: false,
draggable: true,
buttons: [ 
{
html: "<b>Edit</font></b>",
icons:  {
primary: "ui-icon-check"
},
click: function() {
$('#notetext').prop("disabled", false);
$('#uibtnSubmit').button("enable");
//$('#uibtnSubmit').prop("disabled", false);
//$("#uibtnSubmit").button().attr('disabled', false).removeClass('ui-state-disabled');
}},
{
html: "<b><font color='green'>Submit</font></b>",
disabled:true,
id: "uibtnSubmit",
icons: {
primary: "ui-icon-script"                                    
},                                
click: function() {
var editnotes = $('#notetext').val();
//update the notes in the database against the user. 
$.ajax({
type: "post",
cache: false,
async: false,
url:"url",
datatype: "json",
data: data,
success: function(data){
$(newDiv).dialog('close');
},
error: function(jqXHR, statusText, err){
//console.log(err);
}
});
}},
{
html: "<b><font color='red'>Exit</font></b>",
icons: {
primary: "ui-icon-cancel"
},
click: function() {        
$(this).dialog('close');
}
}
]
});

我尝试使用不同的属性，如 removeClass、attr，但它们不起作用。

Answer 1

我通过在单击退出或提交值后重新加载页面来解决问题。这样，当对话框重新加载时，它就被初始化了。