错误“未捕获的 ReferenceError:$ 未定义”[重复]
Posted
技术标签:
【中文标题】错误“未捕获的 ReferenceError:$ 未定义”[重复]【英文标题】:Error "Uncaught ReferenceError: $ is not defined" [duplicate] 【发布时间】:2017-03-06 12:13:52 【问题描述】:我开始研究“javascript”。
在html源代码中
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button id="test_button">Test</button>
<p id="test">Hello World</p>
<!-- script -->
<script src="test.js"></script>
</body>
</html>
在javascript源代码中
"use strict";
$(function()
document.getElementById("test_button").onclick = test_click;
function test_click()
document.getElementById("test").innerHTML = "HI";
);
哪里出错了?
【问题讨论】:
如果你要使用'$',你需要加载jQuery库。 确保你已经按照上面 James 的建议加载了 jQuery。小提琴:jsfiddle.net/j55bhbhk 【参考方案1】:您需要包含 jQuery。尝试将此添加到您的<head>
:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
【讨论】:
【参考方案2】:$
是 jQuery 库的别名。在这种情况下,您根本不需要 jQuery。您可以只执行该 IIFE(立即调用的函数表达式),它应该可以正常工作。
"use strict";
(function()
document.getElementById("test_button").onclick = test_click;
function test_click()
document.getElementById("test").innerHTML = "HI";
)();
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button id="test_button">Test</button>
<p id="test">Hello World</p>
<!-- script -->
<script src="test.js"></script>
</body>
</html>
【讨论】:
以上是关于错误“未捕获的 ReferenceError:$ 未定义”[重复]的主要内容,如果未能解决你的问题,请参考以下文章
DataTable 错误:未捕获的 ReferenceError:未定义 jQuery
jQuery 错误 - 未捕获的 ReferenceError:$ 未定义 [重复]
未捕获的 ReferenceError:“$ 未定义”[重复]
颤振网页错误。未捕获的 ReferenceError:未定义 firebase