2013-05-19 85 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