jquery - 单击自身时关闭颜色框

Question

当我单击颜色框本身的任意位置时，如何关闭颜色框？

点击链接时，我将隐藏的 div 显示为颜色框

<div style="display: none">
  <div id="pop_box">
  Content goes here...
  </div>
</div>

打开颜色框的链接

<a id="seeTheOffer" target="_blank"> advertisement </a>

JQuery 打开颜色框

$("#seeTheOffer").colorbox({ inline: true, height: "420px", href: "#pop_box" });

这就是我到目前为止所尝试的。

选项 1:

$("#pop_box").click(function()
   {
     $("#seeTheOffer").colorbox.close();
   });

选项 2:

$("#pop_box").click(function()
   {
     parent.jQuery.colorbox.close();
   });

这两个选项都会出错:“未捕获类型错误:无法调用未定义的方法‘close’”

从页面的查看源代码中，我可以看到头部部分引用了以下库

https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js
jquery.colorbox.js (local copy)
colorbox.css (local copy)

我在这里遗漏了什么吗？

Answer 1

试试这个:

$("#email_popup_content").click(function(){
     $.fn.colorbox.close();
});