我有以下代码,每当我使用 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.");
});
});
我做错了什么?
最佳答案
加载外部 JavaScript 文件的顺序很重要。
您必须包含<script>
对于 <script>
之前的 jQuery用于您的自定义 .js 文件。
所以,在 <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 - 运行 jQuery 时 $ 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28490325/