17

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

任何帮助，将不胜感激。

4

4 回答 4

26

您必须在使用之前导入 jQuery：

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

请注意它使用//as 协议（不是http://or 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>。在这里查看更多信息。

于 2014-01-28T22:00:58.737 回答
3

在代码之前导入 jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"><script>
于 2014-01-28T22:01:32.473 回答
2

在你的脚本之前包含jQuery

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script>
于 2014-01-28T22:01:35.870 回答
0

这是 jquery 加载问题，在所有代码和脚本之前加载 jquery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" ></script>
于 2016-08-09T08:02:23.777 回答