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

Question

我有一个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更新对话框，但不能输入任何文本框。我已将其缩小到模态叠加（因为它适用于模态：false）。 z-index似乎比模态形式少1，我甚至删除了（通过firebug）模态叠加div，但我仍然无法编辑文本框。

如果我转为modal：false那么它工作正常，modal：true会导致这些问题。

如您所见，我尝试过“moveToTop”方法，没有效果。

我也试过破坏弹出窗口，并完全从ShowEdit函数中重新初始化它。

任何人都知道如何解决这个问题？