非常简单的jQuery不起作用

Very simple jQuery not working

本文关键字：不起作用 jQuery 简单 非常      更新时间：2023-09-26

简单地说，我的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>

(注意前面的两个点)它似乎工作得很好!

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

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

工作正常

尝试测试脚本位置:

<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

相关文章：