從遠程頁面關閉jQuery模式對話框

Question

我在基於Grails的應用程序中使用jQuery-UI對話框小部件來加載遠程頁面（在這種情況下，是一個簡單的文件上傳表單）。 遠程頁面是在項目的其他位置定義的，並且不知道它是在對話框中加載的。

有什么辦法可以通過遠程頁面中的鏈接關閉對話框？ 加載頁面時，我是否必須以某種方式將對對話框的引用傳遞給對話框，還是有一種方法可以在不了解對話框本身的情況下觸發close事件？

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

如果給對話框一個已知的ID，則可以使用jquery查找它（例如$（'＃mydialog'），然后通過遠程頁面上的腳本將其關閉。唯一的問題可能是當遠程頁面為JS時要評估JS。加載到對話框中。