CSS样式和jquery不适用于jsp：include文件

我正在使用eclipse和Tomcat 7.CSS样式和jquery不适用于jsp：include文件

我有一个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

来源

2013-05-10 Susie

您正在导航到不同文件夹中的页面，在您的相对链接中退出时不再指向正确的文件。你的文件路径是错误的。 – 2013-05-10 21:36:36

@KevinB链接位于index.jsp中，链接重定向回index.jsp，我附加了我的文件夹结构的图像。谢谢 – Susie 2013-05-10 21:40:48

这足以证明我在第一张图片上的观点。注意第一个进入'/ MyFirstProject /'而第二个进入'/ MyFirstProject/pages/index.jsp'这意味着第一个目录正在查看'/ MyFirstProject/css/style.css'，而第二个目录在'/ MyFirstProject/pages/css/style.css'中显然不存在，由你刚发布的文件结构确认。 – 2013-05-10 21:46:21

当您访问的索引页，你的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" />

来源

2013-05-10 21:49:32

谢谢。我会尝试一下。 – Susie 2013-05-10 21:57:50

谢谢。有效。 – Susie 2013-05-10 22:50:36

CSS样式和jquery不适用于jsp：include文件

回答

相关问题