jquery 参考错误:找不到变量:$

r6vfmomb  于 2023-04-11  发布在  jQuery
关注(0)|答案(4)|浏览(230)

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

任何帮助将不胜感激。

qxgroojn

qxgroojn1#

在使用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,如果位于https://服务器上,它将从https://ajax.google...获取jQuery。

注意:如果在开发时,您在浏览器中打开HTML文件,而不是在服务器中打开,则需要指定协议,如this answer,否则无法正常工作:

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

另外,如果可能的话,你应该把你的.js文件放在页面的底部,就在关闭</body>之前。

kjthegm6

kjthegm62#

在代码之前导入jQuery

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

aelbi1ox3#

在脚本前包含jQuery

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

8e2ybdfx4#

这是jquery的加载问题,加载jquery之前你所有的代码和脚本。

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

相关问题