ReferenceError：找不到變量：$

Question

我正在使用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() {

任何幫助，將不勝感激。

Answer 1

您必須先導入jQuery，然后才能使用它：

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

注意，它使用//作為協議（不是http://或https:// ），這意味着：如果.html文件位於http://服務器上，它將從http://ajax.google...獲取jQuery。 http://ajax.google... ，如果位於https://服務器上，它將從https://ajax.google... 。

注意 ：如果在開發過程中在瀏覽器中而不是在服務器中打開HTML文件，則應指定協議， 如此答案所示 ，否則將不起作用：

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

另外，如果可能的話，應該在關閉</body>之前，將.js文件放在頁面底部。 在這里查看更多。

Answer 2

在代碼之前導入jQuery

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

Answer 3

在腳本之前包含jQuery

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

Answer 4

這是jquery加載問題，請在所有代碼和腳本之前加載jquery。

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