为什么 ColorBox 无法正确加载？

Question

我得到的错误是：

$ 未定义 8号线

即：

$.colorbox({html:'<p>TEST TEST</p>'});

这是页面的呈现方式：

<script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.min.js?Y"></script>
<script type="text/javascript" src="/misc/drupal.js?Y"></script>
<script type="text/javascript" src="/sites/all/modules/fivestar/js/fivestar.js?Y"></script>
<script type="text/javascript" src="/sites/all/modules/extlink/extlink.js?Y"></script>
<script type="text/javascript" src="/sites/all/modules/signwriter/signwriter.js?Y"></script>
<script type="text/javascript" src="/sites/all/modules/thickbox/thickbox.js?Y"></script>

<script type="text/javascript" src="/sites/all/modules/ubercart/uc_roles/uc_roles.js?Y"></script>
<script type="text/javascript" defer="defer" src="/sites/all/modules/admin_menu/admin_menu.js?Y"></script>
<script type="text/javascript" src="/sites/all/libraries/jquery/colorbox/jquery.colorbox.js?Y"></script>
<script type="text/javascript" src="/sites/all/modules/mysite/mysite_module/js/sasapp.js?Y"></script<--($.colorbox({html:'<p>TEST</p>'});)

Answer 1

jQuery 有一个函数允许 jQuery 库与任何其他使用$ 作为函数名的库兼容；如果其中一个脚本导致 jQuery 以兼容的方式运行，则函数 $ 不是从 jQuery 定义的，您只能使用 jQuery() 访问任何 jQuery 功能。

如果sites/all/modules/jquery_update/replace/jquery.min.js中的代码没有损坏，也不是浏览器的问题，那是我能想到的唯一可能。

为了确保这不是另一个问题，我将使用 jQuery 库的非最小化版本。我在使用某些浏览器（主要是 Internet Explorer 6，但不同的浏览器中可能存在问题）时遇到了最小化 jQuery 库的一些问题。

Answer 2

您没有正确包含 jQuery，请检查源代码并确认您的第一个脚本 src 实际上是 jQuery 源代码。

Answer 3

我怀疑您在 jquery 或 colorbox 加载之前调用了该函数。

尝试将调用更改为并将其放在您声明 jquery 调用的行下方。

$(document).ready(function(){
  $.colorbox({html:'<p>TEST TEST</p>'});
);

这将在尝试调用函数之前等待脚本加载。

Answer 4

请按以下方式添加脚本：

1. color.css
2. jquery.min.js
3. colorbox.js 请提及 css 类型。
4. 在页面的最开始添加文档类型。

我认为它肯定会起作用......