jQuery不能在Eclipse中工作

jQuery Not Working in Eclipse

本文关键字:工作 Eclipse 不能 jQuery      更新时间:2023-09-26

对jQuery还是有点陌生,所以我可能会犯一个基本的错误。我刚刚完成了jQuery入门课程,现在正试图做一些我自己的基本工作,但遇到了一个小障碍。从本质上看,jQuery文件script.js没有被正确调用。当我运行它插入它到stackoverflow它似乎工作得很好。然而,当我在浏览器中拉html文件时,它只显示文件中的html元素,而不显示任何jQuery代码。

任何帮助将不胜感激!

	$(document).ready(function() {
	    $("body").append("<p>I''m a paragraph!</p>");
			/* write 'Hello World! to the first div' */
			$("#first").append('<h1> Hello World!</h1>');
			//a clickable 'Hello World!' example
			$("#link").click(function() {
				$('#greeting').append("<h1>Hello Again!</h1>");
			});
		});
<!DOCTYPE html>
<html>
<head>
<title>Hello World - jQuery Style</title>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
</head>
<body>
	<div id="first"></div>
	<div id="second">
		<a href="#" id="link">Click Me!</a> <br /> <span id="greeting"></span>
	</div>
</body>
</html>

你应该在得到jquery.min.js

之后声明你当前的javascript文件

如果你查看你的控制台(右键单击并检查),你会注意到它无法理解$ jquery符号。

解决方案应该是在你的html中交换这两行:
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

尝试切换script.js和jquery.min.js的标签顺序,以便先初始化jquery