javascript - 颜色框:调用 colorbox.close

Question

我正在做一个使用 velocity 模板系统的项目，所以 $ 字符是保留的，不能在 javascript 变量名中使用。

因此，我必须在 jQuery 变量和方法前加上 jQuery，而不是 $，例如jQuery(文档).ready(函数() {});而不是 $(document)ready(function(){});

这通常没问题，但在本例中我使用的是 colorbox。

我调用 colorbox 的代码工作正常，看起来像这样:

jQuery(document).ready(function () {
    jQuery("#addUser").colorbox({
        href:"add",
        width:"500px",
        onClosed: function (message) {
            dataTable.refresh(jQuery("#ajaxResult").text(message));
        }
    })

    ...
})

我在颜色框中有一个链接，我想将 colorbox.close 方法附加到该链接，但是当我单击该链接时，出现此错误:

Uncaught TypeError: Cannot call method 'close' of undefined

这是我的代码:

jQuery(document).ready(function () {
    jQuery("a").click(function() {
        jQuery.colorbox.close("User added succesfully");
    });

    ...
})

谁能告诉我为什么我无法关闭彩盒？

对了，colorbox自带的X还是可以关闭的。

Answer 1

jQuery("#addUser").colorbox.close("User added succesfully");

此外，您应该能够使用 $ jQuery 的语法如果你选择 using external javascript files <script type="text/javascript" src="my_script_file.js" /> 或 escaping the $ like \$ .