我在HTML代码中遇到jQuery代码问题。
如果我在我的HTML代码中编写以下代码,它会完美运行(显示一个警告“hello world”):
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"> </script>
<script>
alert("hello world");
</script>
</head>
</html>
但是,当我编写以下代码(使用$(document).ready函数)时,它不起作用,我不知道原因:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"> </script>
<script>
$(document).ready(function() {
alert("hello world");
});
</script>
</head>
</html>
有人能告诉我这里发生了什么吗?
提前致谢。
编辑:对于缺少的括号感到抱歉,这只是一个错字
答案 0 :(得分:3)
您在jQuery的>
标记中错过了结束<script>
:
<script type="text/javascript" src="jquery.js"> </script>
^
missing bracket here ------------------------|
答案 1 :(得分:2)
您的脚本标记中缺少引号和开始标记的结束>
,这意味着它已损坏,因此脚本未加载。
<script type="text/javascript" src="jquery.js"> </script>
您修改后的问题会显示已更正的script
标记。如果它仍然不起作用,那么您到jquery
库的路径可能是错误的。
编码时,您应该打开浏览器的开发者控制台。它会显示正在发生的错误。可能存在 ReferenceError ,指出$
为undefined
。
答案 2 :(得分:0)
包含jQuery的<script>
标记格式错误:
<script type=text/javascript src="jquery.js" </script>
它应该是这样的:
<script type="text/javascript" src="jquery.js"></script>
这假设jQuery库位于与HTML页面相同的目录中名为“jquery.js”的文件中。