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

注意：如果在开发过程中，您在浏览器中而不是在服务器中打开HTML文件，则应指定协议，如this answer中所示，否则将无效：< / p>

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

此外，如果可能，您应该在关闭</body>之前将.js文件放在页面底部。请参阅here。

中的详情

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>

ReferenceError：找不到变量：$

4 个答案: