javascript - colorbox 在不关闭弹出窗口的情况下刷新父窗口

Question

我正在使用 colorbox 来显示弹出窗口。这是否可以在不关闭 pop 的情况下重新加载父窗口。我的意思是我想在弹出窗口中执行操作/事件，并且更改应显示在父窗口中。

谢谢

Answer 1

您绝对可以在颜色框中使用页面中的元素。但是，您不能像问题标题中所述那样“刷新父窗口”，因为那样您也会丢失颜色框(它是该页面的一部分)。

但是从您的问题的其余部分来看，您只是想在页面中进行更改。如果您的颜色框不在 iframe 中(例如，您没有明确设置选项 iframe:true)，那么它非常简单。只需创建从颜色框中执行的操作调用的事件处理程序。

如果您将颜色框设置为打开 iframe，则需要注意以下几点:

• iframe 页面(您的 colorbox 的内容)必须在同一域内
• 在 iframe 的 JS 中使用 parent. 来引用父页面

以下是 iframe 页面中的颜色框代码示例:

$(document).ready(function() {
    $("a.internalColorboxLink").click(function() {
        parent.$("body").append(
            parent.$("<div/>").text("MY NEW TEXT")
        );
    });
});

事实上，这与内联颜色框(即父页面中的 js)中的代码几乎相同。只需删除 parent 引用即可。

如果你用你想做的事情来更新你的问题，我可以发布更具体的例子。