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，请检查源代码并确认您的第一个脚本src实际上是jQuery源代码。

Answer 2

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

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

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

Answer 3

我怀疑你在加载jquery或colorbox之前调用了这个函数。

尝试将调用更改为并将其置于声明jquery调用的行下方。

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

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

Answer 4

请按以下方式添加脚本：

color.css
jquery.min.js
colorbox.js，请提及css类型。
在页面的开头添加doctype。

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

为什么ColorBox无法正确加载？

4 个答案: