2014-01-28 26 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> 
相关问题