我收到以下错误:
引用错误:$ 未定义
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<style>
#navBox {
width: 150px;
height: 150px;
background-color: #004C7E;
}
</style>
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
<div id="navBox"></div>
<script>
$(document).click(function () {
$("#navBox").effect("shake");
});
</script>
</body>
</html>
我使用的是过时的 jquery 版本吗?我试图遵循本指南:http://api.jqueryui.com/shake-effect/
最佳答案
我希望如果您查看网络控制台,您会看到一些 404 错误。
这个:
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
...使用 protocol-relative URL 。这意味着如果页面是从 http://example.com
加载的,则协议(protocol)将为 http:
;如果来自 https://example.com
,则为 https:
。关键的是,如果它是 file://c/your/stuff
,那么它就是 file:
并且源不存在。
使用协议(protocol)相关 URL 没问题,但如果这样做,您将无法直接从本地文件系统打开 HTML 文件并期望它们正常工作。您必须通过网络服务器打开它们(您可以轻松地在本地系统上安装一个简单的网络服务器)。
关于javascript - Jquery动画错误 "ReferenceError: $ is not defined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20613498/