我正在使用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>
最初,当应用程序启动时,获取良好,如下所示:
点击“登录”链接后
我的文件结构:
答案 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" />