爲什麼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. 在頁面的最開始處添加doctype。

我認爲它肯定會工作......