Javascript 确定后的JQuery对话框操作单击“工作不正常”

我创建了一个JQuery对话框，但由于某些原因，当单击“ok”按钮时执行的代码无法正常运行

我想有一个“确认对话框”，在一个人点击编辑按钮后，这将从根本上警告用户，他们将要编辑一些他们可能不应该编辑的内容

此外，如果用户单击“确定”按钮，我希望编辑输入是可编辑的，同时隐藏编辑按钮

然而，其他一切都在按其应有的方式运作。例如，当用户单击“关闭”或“取消”按钮时，对话框正确关闭；当用户单击“确定”按钮时，警报工作，对话框正确关闭。因此，唯一不能正常工作的是警报和关闭对话框之间的代码

function ShowDialogBox(title, content) {
        $("#lblMessage").html(content);
        $("#dialog").dialog({
            resizable: false,
            title: title,
            modal: true,
            width: '400px',
            height: 'auto',
            bgiframe: false,
            hide: { effect: 'fade', duration: 400 },
            buttons: [
                {
                    text: 'OK',
                    "class": 'showcss',
                    click: function () {
                        alert('hello');
                        $("#edit_input").attr("readonly", false);
                        $("#edit_input").focus();
                        $('#edit_button').hide();               
                        $("#dialog").dialog('close');
                    }
                },
                {
                    text: 'Cancel',
                    "class": 'showcss',
                    click: function () {
                        $("#dialog").dialog('close');
                    }
                }
            ]
        });
    }

---

问题是属性名

只读

区分大小写

使用prop而不是attr编码：

function ShowDialogBox(title, content) {
    $("#lblMessage").html(content);
    $("#dialog").dialog({
        resizable: false,
        title: title,
        modal: true,
        width: '400px',
        height: 'auto',
        bgiframe: false,
        hide: {
            effect: 'fade',
            duration: 400
        },
        buttons: [{
            text: 'OK',
                "class": 'showcss',
            click: function () {
                alert('hello');
                $("#edit_input").prop("readOnly", false);
                $("#edit_input").focus();
                $('#edit_button').hide();
                $("#dialog").dialog('close');
            }
        }, {
            text: 'Cancel',
                "class": 'showcss',
            click: function () {
                $("#dialog").dialog('close');
            }
        }]
    });
}

---

问题是我在关闭对话框之前正在执行操作

function ShowDialogBox(title, content) {
    $("#lblMessage").html(content);
    $("#dialog").dialog({
        resizable: false,
        title: title,
        modal: true,
        width: '400px',
        height: 'auto',
        bgiframe: false,
        hide: { effect: 'fade', duration: 400 },
        buttons: [
            {
                text: 'OK',
                "class": 'showcss',
                click: function () {
                    $("#dialog").dialog('close');
                    $("#edit_input").attr("readonly", false);
                    $("#edit_input").focus();
                    $('#edit_button').hide();                                       
                }
            },
            {
                text: 'Cancel',
                "class": 'showcss',
                click: function () {
                    $("#dialog").dialog('close');
                }
            }
        ]
    });
}

---

问题是输入仍然是只读的？到底是什么不起作用？