colorbox bug -从链接或按钮关闭colorbox

Question

我通过调用以下命令打开弹出窗口

$.colorbox({ href: "notification.aspx" });

在notification.aspx中，我有

<script type="text/javascript" src="/scripts/colorbox/jquery.colorbox-min.js"></script>
...
<a id="btnClose">OK</a>

弹出窗口显示良好，但当我单击按钮时，它给出了一个JavaScript错误。

在主页的javascript中，我有

$('#btnClose').live('click', function () {
  alert('closing...'); // Alert shown as expected
  $.colorbox.close(); // Nothing happens, no JavaScript error
  //$.fn.colorbox.close(); // same
  //parent.$.fn.colorbox.close(); // same
  //$.colorbox.remove(); // same
  //$('#cboxClose').click(); // same
  //$('#cboxOverlay').click(); // same
});

我只是想关闭弹出窗口。

我遗漏了什么？提前谢谢。

编辑:我以某种方式让它工作了，我会找出是什么让它工作。

Answer 1

$.colorbox.close()是关闭colorbox的正确方法，不要听这些其他的评论。问题是你正在第二次加载colorbox。从notification.aspx中删除jquery.colorbox.js脚本块。

Answer 2

试一试

<a href='#' onclick='parent.$.colorbox.close(); return false;'>Close</a>

Answer 3

$(document).ready(function(){

$.colorbox({

                inline:true,
                href:'notification.aspx',

                onClosed:function(){ alert('closing');                  

                    $.colorbox.remove();
                }
            });
    });