jQuery UI对话框模态-重新显示对话框无法编辑文本

如何解决jQuery UI对话框模态-重新显示对话框无法编辑文本

|| 我有一个div：

<div id=\"mproEmailAccountPopUp\"></div>

我声明一个对话框

var popupdiv = $( \'#mproEmailAccountPopUp\' );
popupdiv.dialog({
    width: 650,autoOpen: false,modal: false
});

然后，我从服务器获取一些html表单内容（工作正常）并更新对话框内容：

function ShowEdit(accountId) {

    $.ajax({
        type: \"POST\",async: false,url: \"<%=EmailHandler %>?action=GetEmailAccountEdit\",data: { accountId: accountId },success: function (result) {
            alert(\"Success GetEmailAccountEdit\");

            popupdiv.html(result);
            popupdiv.dialog(\"open\");
            //popupdiv.dialog( \"moveToTop\" )

        }
    });
}

第一次，这很漂亮，但是如果您按关闭按钮，然后调用该功能。对话框将使用新的html更新，但您无法在任何文本框中输入内容。我已将其范围缩小到模态叠加层（因为它与modal：false一起使用）。 Z索引似乎比模式形式小1，并且我什至删除了（通过Firebug）模式覆盖div，但是我仍然不能编辑文本框。 如果我将modal：false转换为正常，则modal：true会导致这些问题。 如您所见，我已经尝试了\“ moveToTop \”方法，但没有效果。 我还尝试过销毁弹出窗口，然后完全从ShowEdit函数中重新初始化它。 有人对我可以解决此问题有任何线索吗？