如何在eclipse的静态web项目中包含jQuery.min.js

时间:2014-01-14 14:22:38

标签: jquery eclipse

我使用eclipse,juno创建了一个静态Web项目。在webcontent文件夹中,我创建了一个index.html文件,如下所示:      这是导入jQuery脚本的html文件。我创建了一个与webContent平行的文件夹“lib”并放置了“jquery-1.10.2.min.js”。当我试图在eclipse浏览器中运行html文件时,jQuery功能无效。

<head>
<script src="/lib/jquery-1.10.2.min.js" type="text/javascript"></script>
<style type="text/css">
#box{
background:red;
height:100px;
width:100px;
}
</style>
<script type="text/javascript">
$(function(){
    $('a').click(
        function(){         
            $('#box').hide(5000);       
        }
    );
}
);
</script>

</head>
<body>
<div id="box"></div>
<a href="#">Click me</a>
</body>

请告诉我,如果我遗失了什么。

Thanks.

2 个答案:

答案 0 :(得分:1)

将jQuery文件移至index.html所在的特定文件夹并更改

<script src="jquery-1.10.2.min.js" type="text/javascript"></script>

而不是

<script src="/lib/jquery-1.10.2.min.js" type="text/javascript"></script>

答案 1 :(得分:0)

我看不到您的文件夹结构,但尝试将包含jQuery文件的lib目录移动到webcontent文件夹的根目录中。

您还可以尝试将jQuery导入更改为:

<script src="lib/jquery-1.10.2.min.js" type="text/javascript"></script>

我认为“jQuery功能不起作用”是指页面无法找到jQuery文件。