从远程页面关闭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。加载到对话框中。