Закрытие модального диалога jquery с удаленной страницы

Question

Я использую диалоговый виджет jQuery-UI в приложении на основе Grails для загрузки удаленной страницы (в данном случае, простой формы загрузки файлов). Удаленная страница определена в другом месте моего проекта и не знает, что она загружается в диалоговом окне.

Есть ли способ закрыть диалог по ссылке на удаленной странице? Придется ли каким-то образом передавать ссылку на диалоговое окно при загрузке страницы или есть способ вызвать событие закрытия, оставаясь независимым от самого диалога?

Answer 1

Попробуйте этот HTML:

<a href="#" id="btnDone">CLOSE</a>

и этот JavaScript:

$("#btnDone").click(function (e) {
e.preventDefault();
var dialogDiv = $("#btnDone").parents(".ui-dialog-content");
if (dialogDiv.length > 0) {
dialogDiv.dialog('close');
}
});

на удаленной странице. Он посмотрит, находится ли он внутри диалога, и если да, закроет его. Если нет, он ничего не сделает.

Answer 2

Если вы даете своему диалогу известный идентификатор, то вы можете посмотреть его с помощью jquery (например, $ ('# mydialog') и закрыть его с помощью скрипта на удаленной странице. Единственная проблема может заключаться в том, чтобы JS оценивался, когда Удаленная страница загружается в диалог.