如何使用iframe关闭jquery UI对话框

时间:2010-10-22 14:06:44

标签: jquery jquery-ui

以下是我初始化对话框的方法:

$('a.dialog').click(function(e) {
    e.preventDefault();
    var $this = $(this);
    $('<iframe id="externalSite" class="externalSite" src="/controller/action" frameBorder="0"></iframe>').dialog({
        modal: true,
        resizable: false,
        title: 'Title',
        zIndex: 1,
        show: 'fast',
        hide: 'slow',
        width: 600,
        height: 400,
        position: 'middle'
    }).width(600);
});

如何从iframe内部关闭它?

例如,我想在iframe中有一个关闭对话框的链接。

1 个答案:

答案 0 :(得分:1)

您可以使用window.parentwindow.top来引用父窗口。从那里开始,你应该能够找到你的jquery对话框并关闭它。像

这样的东西
$(window.top.document).find('#externalSite').dialog('close');

https://developer.mozilla.org/en/DOM/window.parent