У меня есть модальное диалоговое окно JQuery, который становится создан динамически:JQuery Диалог не закрывает
$("#body").append(("<div class=openDialog id= newdialog><div id=dialogbody></div></div>"));
$('#newdialog').dialog(
{
autoOpen: false,
dialogClass: "no-close",
modal: true,
width: 400,
height: 375,
resizable: false,
closeOnEscape: false
});
После этого я рендеринга частичный вид в диалоговом
$('#newdialog').dialog('open');
$.ajax(
{
type: "POST",
url: "/controller/Add",
success: function (data) {
$('#dialogbody').html(data);
}
});
Но когда я пытаюсь закройте этот диалог со следующим: он не закрывается:
$('#newdialog').dialog('close');
Так что я попробовал следующее, и он получает закрыто:
$('#newdialog').parent('div').remove();
$('#newdialog').closest('.div').remove();
$("#newdialog").dialog('destroy').remove();
Но после этого элементы управления родительскими страницами будут недоступны для редактирования.
Если удалить
closeOnEscape: false
и я снова нажмите ESC после закрытия будет редактируемые ...
Любой есть какие-либо подсказки/предложения, чтобы преодолеть эту проблему?
@Matt Я удалил запятую из диалогового окна, когда я только что отредактировал его –
Вы видите ошибки в разделе консоли инструментов Dev –
@Scott, без запятой [closeOnEscape: false] тоже то же самое .. – Sreeraj