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>