$ 在运行 jQuery 时未定义

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 文件的顺序很重要。您必须在自定义 .js 文件的 <script> 之前包含 jQuery 的 <script>。

所以，在 <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 时未定义

$ not defined when running jQuery

jquery

referenceerror

$ 在 运行 jQuery 时未定义

$ not defined when running jQuery

jquery

referenceerror

$ 在运行 jQuery 时未定义