Блог

У меня есть 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.

У кого-нибудь есть какие-либо подсказки о том, что я могу сделать, чтобы исправить это?