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://服务器上,它将从中获取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>

此外,如果可能,您应该在关闭之前将.js文件放在页面底部</body>.在这里查看更多.