Question

简而言之，我的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进行查看

编辑：我设法修复了原始问题：这是因为我没有正确引用脚本。因为'scripts'文件夹位于webapp的根目录，当我更改对此的引用时：

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

（注意两个前面的点）似乎工作正常！

Answer 1

尝试测试脚本位置：

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

确保http://yourserver.com/scripts/jquery/jquery-1.9.1.min.js infact导致jQuery。

Answer 2

或者您可以使用在线脚本源：

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

工作正常

非常简单的jQuery无法正常工作

2 个答案: