colorbox刷新父窗口而不关闭弹出窗口

时间:2011-09-23 13:53:24

标签: javascript jquery colorbox

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

由于

1 个答案:

答案 0 :(得分:2)

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

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

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

  • iframe页面(颜色框的内容)必须位于同一个域中
  • 使用引用父页面的iframe JS中的parent.

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

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

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

如果你准确地更新你的问题,我可以发布更具体的例子。