Question

我有以下代码，每当我用HTML加载它时，控制台在加载后立即发出错误。

Uncaught ReferenceError: $ is not defined

我的脚本链接到HTML文件，如<script src="src-animation.js"></script>中的<head>。

这是我的jQuery：

$(document).ready(function(){
    $('.play').click(function() {
        $(this).fadeOut('slow');
        $(this).append("<h1>Now loading...</h1>");
    });
    $('.not-rdy').click(function(){
        alert("This chapter isn't done yet.\nComing soon!");
        $(this).fadeOut('fast');
    });
    $('#updateCHK').click(function() {
        alert("Server is temporarily unavailable.\nTry again later.");
    });
});

我做错了什么？

Answer 1

加载外部JavaScript文件的顺序非常重要。您必须在<script>之前为自定义.js文件添加<script> jQuery。

所以，在<head>

<script src="jquery.js"></script>
<script src="src-animation.js"></script>

替换特定jQuery .js文件的正确名称。

或者，您可以使用jQuery文件的CDN版本。这意味着您正在使客户端浏览器从另一个Web服务器下载jQuery .js文件。在这种情况下，你会做这样的事情：

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

运行jQuery时未定义$

1 个答案: