CSS样式和Jquery不适用于jsp:include文件

时间:2013-05-10 21:32:56

标签: jquery css jsp web-applications include

我正在使用eclipse和Tomcat 7.

我有一个index.jsp页面。在index.jsp文件中,我使用jsp:include标记包含login.jsp文件。当我第一次运行应用程序时,页面按预期呈现。

但是,当我点击页面中指向同一index.jsp页面的链接时,页面的呈现会中断。基本上CSS和jquery似乎已经消失了。为什么会发生这种情况,我该怎么做才能解决这个问题?

的index.jsp

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/slide.js" type="text/javascript"></script>
</head>
<body>
    <jsp:include page="../pages/login.jsp"></jsp:include>
    <br><br><br>
    <div>
        <a href="pages/index.jsp">Login</a>
    </div>  
</body>
</html>

最初,当应用程序启动时,获取良好,如下所示:

enter image description here

点击“登录”链接后 enter image description here

我的文件结构:

enter image description here

1 个答案:

答案 0 :(得分:6)

当您访问索引页面时,您的css样式可以这样访问:

/MyFirstProject/css/style.css

点击链接后,您将导航至

/MyFirstProject/pages/index.jsp

然后尝试包含以下css文件:

/MyFirstProject/pages/css/style.css

显然不存在。修改您的脚本并将css包含为绝对脚本,以便导航到其他文件夹不需要您更改文件路径。

<link rel="stylesheet" href="/MyFirstProject/css/style.css" type="text/css" media="screen" />