2014-01-28 116 views
9

我正在使用jQuery。這是我的我的主頁上編碼:

<script type="text/javascript" src="script.js"> 
</script> 

和我的script.js是:

$(document).ready(function(){  
    $("#title").click(function() { 
     alert("Works!"); 
    }); 
}); 

我的全編碼可以在這裏找到:http://pastie.org/8676656

使用瀏覽器上的工具,我發現在我的JavaScript代碼中的錯誤:

ReferenceError: Can't find variable: $ 

在線:

$(document).ready(function() { 

任何幫助,將不勝感激。

+3

您是否包含jQuery – Satpal

回答

18

你必須使用它之前導入的jQuery:它使用//作爲協議(不http://https://

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script type="text/javascript" src="script.js"></script> 

通知,這意味着:如果你的.html文件是在http://服務器,它會從http://ajax.google...得到jQuery,如果它在https://服務器上,它將從https://ajax.google...得到它。


注意:如果同時發展,在您的瀏覽器,而不是在服務器中打開HTML文件時,應指定的協議,在this answer,否則將無法正常工作:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

此外,如果可能的話,您應該將.js文件放在頁面的底部,就在關閉</body>之前。詳見here。你的代碼之前

+0

謝謝!我試圖使用jQuery的鏈接,但它是一個不同的。 – Cheetaiean

+0

@ user3155807如果這或任何答案解決了您的問題,請接受相應的答案。 – Geo

+1

@Geo剛剛等了15分鐘 – Cheetaiean

3

進口的jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"><script> 
+1

結束標記應爲 –

2

包括的jQuery腳本

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script> 
-1

在此之前是jQuery的負載問題,所有的代碼和腳本之前 負荷的jQuery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" ></script> 
相關問題