Question

首先我使用的jQuery colorbox插件到目前为止工作正常，但后来我想用一个按钮关闭彩盒。不幸的是，我不能通过使用jQuery选择其ID来触发该按钮上的click事件，而不是按钮必须调用一个名为closepan（）的javascript函数（不幸的是，这种行为对我来说是强制性的。）

我尝试创建函数

closepan() {
$.colorbox.close();
}

第一种情况：在

内

$(document).ready(function(){...});

然后我得到错误closepan未定义。

第二种情况：在

之前

$(document).ready(function(){...});

但是它是未定义的colorbox方法！

我放弃了几十个小时后摆弄了几个解决方案，我在stackoverflow.com周围找到了关于这个主题的解决方案！我无法弄清楚如何使这个工作！

换句话说，如何创建一个名为closepan（）的函数，它可以执行$ .colorbox.close（）;我的按钮全球可用吗？

Answer 1

如果您在window创建变量或函数，无论您在何处创建变量或函数，它都将在全球范围内可用。

window.closepan = function() {
   // hello there
}

Answer 2

function closepan() {
    if($.colorbox) {
        $.colorbox.close();
    }
}

然而，在有人点击你的按钮时，应该加载所有外部脚本，以便不需要检查...

Answer 3

不要忘记将关键字function放在声明前面......

function closepan() {
    $.colorbox.close();
}