JQuery UI Dialog Modal - Диалог повторного отображения не может редактировать текст - PullRequest
Новая
       4

JQuery UI Dialog Modal - Диалог повторного отображения не может редактировать текст

2 голосов
/ 29 мая 2011

У меня есть 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, но вы не можете ввести ЛЮБОЙ из текстовых полей. Я сузил его до модального наложения (как это работает с модальным: ложь). Кажется, что z-index на 1 меньше, чем модальная форма, и я даже удалил (через firebug) div с наложением мод, но я все еще не могу редактировать текстовые поля.

Если я включаю модальное: ложное, то это работает нормально, модальное: истинное вызывает эти проблемы.

Как видите, я пробовал метод "moveToTop", без эффекта.

Я также пытался уничтожить всплывающее окно и полностью инициализировать его из функции ShowEdit.

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

...