2013-05-19 145 views
0

簡單地說,我的jQuery不起作用。非常簡單的jQuery不工作

這裏是我的代碼:

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQuery 101</title> 
</head> 
<body> 
<div> 
    <h1>Hello, world!</h1> 
    <p>Test</p> 
</div> 
<script src="/scripts/jquery/jquery-1.9.1.min.js"></script> 
<script> 
alert('hello world'); 
$(document).ready(function(){ 
    $("p").click(function(){ 
     $(this).hide(); 
    }); 
}); 
</script> 
</body> 
</html> 

所包含jQuery文件肯定是在文件系統和alert()功能正在工作,但是這個簡單的jQuery例子是行不通的。這可能是一個菜鳥錯誤,但我不確定爲什麼。

  • 使用JBoss AS 7.1.1.Final部署
  • 使用Google Chrome觀看

編輯:我設法解決原有問題:這是由於這樣的事實,我沒有被正確引用的腳本。作爲「腳本」文件夾位於Web應用程序,當我改變了參照本根:

<script src="../scripts/jquery/jquery-1.9.1.min.js"></script> 

(注意兩個前述點)它似乎做工精細!

+0

看起來你的jQuery沒有在第一種情況下正常加載。它可能是在文件系統..試試這個'console.log($)' –

+0

如果瀏覽器允許使用本地文件,則本地文件需要特定的協議,http://或https://或者file:///文件。我認爲,Chrome需要一個開關或標誌用於'--allow-access-from-files'。 –

+0

它確實有效。請參閱:http://jsfiddle.net/YqYsx/ – dewd

回答

1

,或者您可以使用在線腳本來源:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

做工精細

+0

這確實對我有用。我不知道爲什麼它不檢測我的服務器文件。奇怪。 – coderatchet