Jquery colorbox，表单提交后关闭colorbox答案

【问题标题】：Jquery colorbox, close colorbox after form submittedJquery colorbox，表单提交后关闭colorbox
【发布时间】：2011-09-30 17:11:18
【问题描述】：

使用颜色框：

http://colorpowered.com/colorbox/

我正在使用它来使用颜色框中的 iframe 功能打开一个窗口。在弹出窗口/iframe 中，我有一个表单。我想要实现的是在提交表单时我希望关闭颜色框窗口并刷新父窗口。谁能帮我这个？这是我现在使用的代码，当我手动关闭颜色框窗口时，父页面会刷新，但是如何告诉颜色框弹出窗口内的页面关闭颜色框？

    jQuery(document).ready(function(){
        jQuery(".purchasepop").colorbox({width:"80%", height:"80%", iframe:true,
        onClosed:function(){ location.reload(true); }});
        });

【问题讨论】：

我想这会告诉你答案：stackoverflow.com/questions/2009973/…
@Tim 应该注意我试过这个但收到错误：parent.$ is undefined。我在弹出窗口中包含了 colorbox js 文件，我也加载了 jquery。我知道 colorbox 本身可以工作，因为弹出窗口工作得很好，只是尝试通过父级使用 close 功能会给我这个错误。

标签： jquery colorbox

【解决方案1】：

好的，它可以工作，在我使用 noconflict 加载 jquery 时引用了错误的“变量”。这有效：

parent.jQuery.fn.colorbox.close();

【讨论】：

如果您遇到未定义的函数错误，这也将起作用。 parent.jQuery('#cboxClose').click();
+1 提醒我与父窗口中使用的 mootools 冲突

【解决方案2】：

我使用以下代码在取消按钮单击事件中关闭颜色框。

jQuery(document).ready(function () {
     jQuery("#<%= btnCancel.ClientID %>").click(function () {
        parent.jQuery.colorbox.close();
     });
});

【讨论】：