2015-09-26 44 views
0

jQuery仍然有點新,所以我可能會犯一個基本錯誤。 我剛剛完成了jQuery的入門課程,現在正在嘗試做一些我自己的基礎工作,但碰到了輕微的障礙。 本質上,它似乎jQuery文件script.js沒有得到正確調用。 當我跑它插入到stackoverflow它似乎工作正常。但是,當我在瀏覽器中拉取html文件時,它只顯示文件中的html元素,而不是任何jQuery代碼。jQuery不能在Eclipse中工作

任何幫助,將不勝感激!

\t $(document).ready(function() { 
 
\t  $("body").append("<p>I\'m a paragraph!</p>"); 
 
\t \t \t /* write 'Hello World! to the first div' */ 
 
\t \t \t $("#first").append('<h1> Hello World!</h1>'); 
 

 
\t \t \t //a clickable 'Hello World!' example 
 
\t \t \t $("#link").click(function() { 
 
\t \t \t \t $('#greeting').append("<h1>Hello Again!</h1>"); 
 
\t \t \t }); 
 
\t \t });
<!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> 
 
\t <div id="first"></div> 
 
\t <div id="second"> 
 
\t \t <a href="#" id="link">Click Me!</a> <br /> <span id="greeting"></span> 
 
\t </div> 
 
</body> 
 
</html>

+0

你有任何控制檯錯誤? – D4V1D

+0

@ D4V1D在Eclipse中沒有任何類型的錯誤。 –

回答

2

你應該申報當前的JavaScript文件你得到後jquery.min.js

如果你看看你的控制檯(右鍵單擊並檢查)你會注意到它無法理解$ 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> 
+0

謝謝你已經修復並正在工作! –

+0

如果是,請將我的解決方案標記爲已接受的答案。左邊有刻度線。謝謝。 – Neeraj

0

嘗試切換爲的script.js和jquery.min.js標籤的順序,使jQuery是初始化第一