2010-08-01 91 views
1

我得到的错误是:为什么ColorBox加载不正确?

$未定义 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>'});) 
+0

你得到这个工作了吗? – eapen 2010-08-18 08:13:54

回答

1

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

如果sites/all/modules/jquery_update/replace/jquery.min.js中的代码没有被破坏,并且它不是由浏览器导致的问题,那么这是我能想到的唯一可能性。

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

+0

谢谢你的回复。我会检查一下,让你知道我的发现。再次感谢! – jini 2010-08-01 22:28:07

1

你不包括正确的jQuery,请检查源代码并确认你的第一个脚本src实际上是jQuery源代码。

+0

当我点击第一行时,它会显示我所有的jQuery Source。 – jini 2010-08-01 20:00:26

1

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

尝试更改呼叫并将其放在声明jquery调用的行的下面。

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

这将等待脚本加载,然后再尝试调用该函数。

+0

另一种选择是使用Drupal行为。 – kiamlaluno 2010-08-02 13:18:28

1

请添加脚本的方式如下:

  1. color.css
  2. jquery.min.js
  3. colorbox.js并请注明CSS类型。
  4. 在页面的最开始处添加doctype。

我认为它肯定会工作......