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

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