javascript - 从远程页面关闭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');
}
});

在您的远程页面中。它会查看它是否在对话框中，如果是，它将关闭它。如果没有，它将什么都不做。